Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

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

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Bilgilendirme XenForo 2.2 PWA - Progressive web app nedir?

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

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.​
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.png mobile-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.png desktop-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.​
 
Moderatör tarafında düzenlendi:
eTiKeT™ eTiKeT™ hocam bu PWA'yı kullanabilmek için sadece forum ayarlarındaki alanı doldurmak yetiyor mu?
Bizim yapmamız gereken bir şey var mı? Biraz karışık geldi sanki bana :=)
 
eTiKeT™ eTiKeT™ hocam bu PWA'yı kullanabilmek için sadece forum ayarlarındaki alanı doldurmak yetiyor mu?
Bizim yapmamız gereken bir şey var mı? Biraz karışık geldi sanki bana :=)

Aslında oldukça basit.

Gerekli alanları doldurup görselleri ayarladıktan sonra kaydet diyeceksiniz, daha sonra bir Android cihazdan sitenize girip menü sekmesi kısmında uygulamayı yükleyi göreceksiniz. Bu kadar. Uygulama telefonunuza iniyor ve direkt kullanmaya başlıyorsunuz.
 
Edit: ben de sorunsuz çalışıyor, tek sorum; bildirimler gözükmüyor uygulamanın üzerinde. Bunun sebebi nedir?
 
Tamam anlatmısınız Güzelde bu ayarların Nerede Olduğunuda Söyleseniz millette yapsa 2 Saatır Panelde Böyle Bir ayar arıyorum Bulamıyorum
 
Tamam anlatmısınız Güzelde bu ayarların Nerede Olduğunuda Söyleseniz millette yapsa 2 Saatır Panelde Böyle Bir ayar arıyorum Bulamıyorum

Merhabalar, admin.php?pwa/ buradan ulaşabilirsiniz. :)
 

Hata! Bazı sorunlarla karşılaştık.​

İstenilen sayfa bulunamadı.

XenForo sürümünüz v2.2.2 olarak geçiyor ise, AdminCp > Kurulumlar > PWA Kurulumu olarak geçiyor. Hemen XF seçenekleri altında.
 
Bilgilendirme ve kullanımı hakkında video eklenmiştir.
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

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