• hey ; @Guest, coin kasmak için reklama bas. reklam başı 100coin.

Konu Bilgileri

Kategori Adı Xenforo
Konu Başlığı Xenforo Pwa Kurulumu
Thread starter İnfo
Start date
Replies
Views
First message reaction score
Son Mesaj Yazan İnfo
Nasıl Yapılır

İnfo

Administrator
May 14, 2022
1,631
53
2,587
31


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.
1670614231616.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.
1670614253216.png
1670614266492.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.
1670614315286.png
1670614326228.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.
1670614339406.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.
1670614357682.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.

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.
 

Attachments

  • 1670614274998.png
    1670614274998.png
    6.5 KB · Views: 9
  • 1670614297531.png
    1670614297531.png
    7.9 KB · Views: 9

Agan.jpeg
fastlink.day

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

SPAM YAPMAK YASAKTIR!
  • Örneğin: teşekkürler, sağol, çok iyi, asdqwe, çalışıyor, ty ve benzeri!
  • Örneğin: Aynı mesajı sürekli olarak yazmak. teşekkürler, tşk ve benzeri!
  • Bir başkasının mesajını kopyalayıp aynısını yazmak yasaktır.
  • Bilginiz olmadığı konulara yorum sayınız artsın diye mesaj atmak yasaktır.
  • Yorum yaparken kendi fikrinizi yazınız!
  • Spam mesaj atan görürseniz RAPOR tuşu ile bize bildirmeniz önem ve rica olunur!
Top
AdBlock Detected

We get it, advertisements are annoying!

Sure, ad-blocking software does a great job at blocking ads, but it also blocks useful features of our website. For the best site experience please disable your AdBlocker.

I've Disabled AdBlock