Birçok işletme sahibi "uygulama istiyorum" der ama aslında müşterinin telefonunda bir simge olsun ister. PWA bunu zaten sahip olduğunuz siteyle verir: mağaza onayı yok, ikinci bir kod tabanı yok.
Bu rehberde bir sitenin neyle yüklenebilir hale geldiğini, iPhone ile Android farkını ve bunu Uttra'dan gündelik dille nasıl isteyeceğinizi anlatıyoruz.
PWA, normal web siteniz artı ana ekranda bir simge, tam ekran pencere ve isteğe bağlı çevrimdışı kullanımdır. Mağaza gerekmez: Android'de tarayıcı yüklemeyi önerir, iPhone'da kullanıcı "Ana Ekrana Ekle" der.
Bir site neyle yüklenebilir olur?
Üç şey gerekir: site HTTPS üzerinden sunulmalı, küçük bir manifest dosyası olmalı (ad, renkler, simgeler, başlangıç sayfası) ve çevrimdışı kullanım için önemli sayfaları saklayan bir service worker bulunmalı. Uttra'da yayınlanan siteler güvenli sunulur, yani ilk şart hazırdır.
- Açık bir uygulama adı ve simgenin altına sığan kısa bir ad.
- En az iki boyutta simge; düz zemin üzerinde sade bir logo en iyisidir.
- Telefonun üst çubuğunu markanıza uydurmak için tema rengi.
- Hızlı açılan bir başlangıç sayfası: menü ya da randevu ekranı gibi.
Android ve iPhone: müşterilerinize dürüst olun
Android'de Chrome ile ziyaretçi yükleme önerisi görebilir ya da tarayıcı menüsünden yükleyebilir. iPhone'da otomatik öneri yoktur: ziyaretçi siteyi Safari'de açar, Paylaş'a, sonra "Ana Ekrana Ekle"ye dokunur. Birkaç dokunuş olduğundan sayfaya kısa bir ipucu koymak işe yarar.
Arka plan davranışı ve bildirimler gibi bazı özellikler iPhone'da daha sınırlıdır; söz vermeden önce gerçekten neye ihtiyacınız olduğunu kontrol edin. Bunlar şartsa, ileride yerel uygulama doğru adım olabilir.
Yüklü deneyim için tasarlayın
Yüklendikten sonra site tarayıcı çubuğu olmadan açılır; bu yüzden kendi gezinmesini taşımalıdır: net bir geri düğmesi, iki üç ana işlem için alt menü ve başparmağa uygun büyüklükte dokunma alanları. Sadece hızlı ofis Wi-Fi'sinde değil, gerçek bir telefonda ve normal mobil veride deneyin.
Kopyalayıp yapıştırabileceğiniz istem
Teknolojiyi değil sonucu anlatın. Örneğin:
"Bu siteyi telefonlara uygulama olarak yüklenebilir yap. Adı Lale Fırın olsun, simge olarak logomu krem zeminde kullan, tema rengi koyu yeşil olsun. iPhone'da Ana Ekrana Ekle adımlarını anlatan küçük bir bilgi şeridi ekle ve menü sayfası zayıf internette de açılsın."