Hoş Geldin, Ziyaretçi!

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için forumka kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

Bilgilendirme XenForo 2.2 PWA - Progressive web app nedir?

XenForo 2.2 PWA - Progressive web app nedir?
Önce mobil. Bunu tekrar tekrar duyuyoruz ve tüm web trafiğinin yarısından fazlası mobil cihazlardan geldiği için, mobil ziyaretçilerinize harika bir deneyim sağlamak her zamankinden daha önemli.​

Elbette, XenForo 2, herhangi bir ekran boyutuna zarif bir şekilde uyum sağlayan ve XenForo'yu tüm cihazlarda kullanmayı bir zevk haline getiren tamamen duyarlı bir tasarım üzerine inşa edilmiştir, ancak şimdi herhangi bir XenForo sitesini ilerici bir web uygulaması haline getirerek bunu bir adım daha ileri götürüyoruz.​

Progressive (İlerici) web nedir?
Tamam, biraz geri dönelim. Bir web sitesinin her platform için yerel kod üretmek zorunda kalmadan bir uygulama gibi görünmesini ve davranmasını veya herhangi bir satıcının App Store eşdeğerini geçmesine olanak tanıyan bir teknoloji düşünün.​
Aşamalı web uygulamaları veya PWA'lar, bir dizi yeni web standardı kullanarak hem mobil hem de masaüstü cihazlardaki web siteleri ve yerel uygulamalar arasındaki uçurumu kapatmayı amaçlamaktadır. XenForo 2.1'de tanıtılan bir özellik olan Push bildirimleri, bu tür bir standardın popüler bir örneğidir. XenForo 2.2'de, XenForo'yu yüklenebilir hale getirerek, daha zarif çevrimdışı kullanım uygulayarak ve rozetleme API'si için destek ekleyerek bu standartlara verdiğimiz desteği genişletiyoruz.​

Ayarlanışı
Push bildirimleri gibi, bu özelliklerden tam olarak yararlanmanın bir şeyleri ayarlamak için birkaç ek adım gerektireceğini unutmayın. Ek olarak, push bildirimlerinde olduğu gibi, bu özellikler yalnızca PWA'ları tam olarak destekleyen cihazlarda ve tarayıcılarda kullanılabilir. En dikkate değer istisnaların ne olabileceğine dair bir tahminde bulunmak ister misiniz?​
Tahmin etmiş olabileceğiniz gibi, Apple'ın endüstri standartlarını uygulamada devam eden başarısızlığı nedeniyle bir kez daha macOS'taki Safari ve iOS tabanlı tarayıcılar ne yazık ki bu gelişimi desteklememektedir.​

Gereksinimler
Bu özelliklerden tam olarak yararlanmak için ...
  • XenForo kurulumunuza SSL / HTTPS üzerinden erişilmelidir.
  • Sitenizin 12 veya daha az karakterden oluşan nispeten kısa bir başlığı olmalıdır.
  • Siteniz için biri 192px ve diğeri 512px olmak üzere bir çift kare simge yayınlamalısınız.
Screenshot_2020-08-14 PWA kurulumu 2 2 Test forumu - - Yönetici kontrol panelig.png
Screenshot_2020-08-14 PWA kurulumu 2 2 Test forumu - - Yönetici kontrol paneli.png


PWA'lar neye benziyor?
Siteniz gereksinimleri karşılıyorsa, ziyaretçilerinize 'uygulamanızı' kendi cihazına yükleme seçeneği otomatik olarak verilir.​
Arayüzün kesin ayrıntıları ve kuruluma izin veren koşullar tarayıcıya göre değişebilir ve bazı durumlarda sitenizle bir kullanıcının sahip olduğu etkileşim derecesine bağlı olabilir.Chrome ile masaüstü veya Android'de gezinirken, uygulama hem mobil hem de masaüstü cihazlarda adres çubuğu aracılığıyla yüklenebilir. Desteklenen mobil cihazlarda, tuval dışı menüde de göze çarpan ancak göze batmayan bir başlık görüntülüyoruz.​
mobile-1-banner.png mobile-2-add.png
desktop-1-add.png
Uygulama yüklendikten sonra, tam olarak yerel bir uygulamayla aynı şekilde kullanıma hazır hale gelir. Mobil cihazlarda bu, ana ekrandaki bir simge aracılığıyla açılabileceği anlamına gelir. Masaüstü cihazlarda, sisteminizi arayarak veya hatta uygulamayı görev çubuğunuza veya yuvanıza sabitleyerek açılabilir.


mobile-3-homescreen.png desktop-2-homescreen.png

Uygulama yüklenirken bazı cihazlar bir açılış ekranı görüntüleyecektir. Açılış ekranı, stilinizin simgelerinden ve arka plan renginden otomatik olarak oluşturulur.
mobile-4-splash.png


Çoğu cihaz için, uygulamayı minimal bir arayüz görüntüleyecek şekilde ayarladık. Bu arayüzün öğeleri de tarayıcıya göre değişir, ancak en önemlisi gezinme kontrollerini içerir. Chrome çalıştıran Android cihazlar için, yerel yenilemek için çek ve geri düğmeli gezinme kontrollerini kullanabiliriz, bu nedenle herhangi bir ek arayüz olmadan bunu yapıyoruz.
desktop-3-online.png mobile-5-online.png


Bir kullanıcı, uygulamayı uygun bir ağ bağlantısı olmadan açmaya veya uygulamada gezinmeye çalışırsa, basit bir çevrimdışı mesaj görüntüleriz.
desktop-4-offline.pngmobile-6-offline.png


Chrome tabanlı uygulamalar, kısa süre önce uygulamanın okunmamış mesajları veya uyarıları doğrudan simgesinde göstermesine olanak tanıyan uygulama rozeti desteği sunmuştur. Gelecekte daha fazla tarayıcının rozetleme API'sini destekleyeceğini umuyoruz.

macos-badge.pngdesktop-5-badge.png


Gelecek düşüncemiş

PWA teknik özellikleri ve standartları sürekli olarak gelişmektedir. Tüm cihazlarda her zaman mümkün olan en iyi deneyimi sağlamak için zaman geçtikçe onları izlemeye devam edeceğiz.​