PWA Plugin

🚀 Genel Bakış

PWA Eklentisi – Progresif Web Uygulaması Eklentisi, web sitenizin mobil ve masaüstü cihazlarda bir uygulama gibi davranmasını sağlayarak web ve yerel uygulamalar arasındaki boşluğu kapatmak için tasarlanmıştır. Tam mobil yeniden yapılandırmaya ihtiyaç duymadan hizmet çalışanları, çevrimdışı önbelleğe alma, anında bildirimler, yükleme istemleri ve uygulama kabuğu navigasyonu ekler.

Gerçek dünyada kullanım: Bloglar, e-ticaret siteleri, üyelik portalları, SaaS platformları veya gelişmiş etkileşim, daha hızlı yükleme süreleri ve çevrimdışı/anında kurulabilir erişim isteyen herhangi bir web mülkü için mükemmeldir.
Kullanıcıları hedefleyin: WordPress site sahipleri, web sitelerini "uygulama benzeri" deneyimlere dönüştüren geliştiriciler, yüksek etkileşimli web platformları oluşturan ajanslar.

✨ Temel Özellikler

• Hizmet Çalışanını Önbelleğe Alma: Çevrimdışı ve hızlı erişim için varlıkları, sayfaları ve API yanıtlarını önbelleğe almak üzere hizmet çalışanını otomatik olarak yükler.
• Yükleme İstemi: Web sitesi, desteklenen tarayıcılarda/işletim sistemi ana ekranında yerel uygulama benzeri davranışla "Yüklenebilir" hale gelir.
• Çevrimdışı Mod: Kullanıcılar daha önce ziyaret edilen sayfalara veya önbelleğe alınmış içeriğe çevrimdışıyken veya yavaş bağlantılarda erişebilir.
• Web Push Bildirimleri: Firebase/OneSignal aracılığıyla kullanıcılara sitede olmasalar bile anlık uyarılar gönderin; elde tutma oranını artırın.
• Ana Ekran Simgeleri ve Açılış Ekranı: Otomatik olarak uygulama simgeleri, birden fazla cihaz/boyut için açılış ekranı ve bildirimler oluşturur.
• Duyarlı ve Uygulama Düzenleri: Kullanıcı arayüzünü pürüzsüz tutmak için "mobil uygulama tarzı" gezinme çubukları, kaydırma hareketleri, çevrimdışı geri dönüşler desteği.
• Arka Plan Senkronizasyonu ve Güncellemeler: Bağlantılar geri yüklendiğinde verileri senkronize etme/arka plan güncelleme seçeneği.
• SEO Dostu: Dizine eklenebilir içeriği ve sunucu tarafından oluşturulan sayfaları korur ve sayfa yükleme performansını artırarak arama sıralamasında fayda sağlar.
• Özelleştirilebilir Markalama: Tema renklerini, simge setlerini, açılış ekranı metnini ve çevrimdışı yer tutucu sayfaları yapılandırın.
• Uyumluluk: WordPress (eklenti) veya hizmet çalışanı kaydına ve bildirimine bağlanabileceğiniz genel PHP çerçeveleriyle çalışır.

⚙️ Teknik Yığın

• Dil: PHP (eklenti arka ucu için) + JavaScript (hizmet çalışanı, istemci tarafı önbelleğe alma).
• Ön uç: HTML5 / CSS3, duyarlı düzenler, modern tarayıcı API'leri.
• Web API'leri: Hizmet Çalışanları, Web Push Bildirimleri API'si, Önbellek API'si, Uygulama Bildirimi, Arka Plan Senkronizasyonu.
• Sunucu Gereksinimleri: PHP 7.4+ veya 8.x, HTTPS (hizmet çalışanları ve push için gereklidir), mod_rewrite (WordPress ise).
• Bağımlılıklar: Push için Firebase/OneSignal (isteğe bağlı), gelişmiş önbelleğe alma stratejileri için Workbox (isteğe bağlı), Web bildirimi JSON.

🧩 Kurulum Kılavuzu

1. Yükle ve Etkinleştir: WordPress ise: Eklentiler → Yeni Ekle → ZIP Yükle aracılığıyla eklentiyi yükleyin ve ardından Etkinleştirin. Genel PHP ise: eklenti klasörünü yerleştirin, önyükleme kodunu ekleyin.
2. Ayarları Yapılandırın: Eklenti ayarlarına gidin: site adını, simgeleri, tema rengini, açılış ekranı tasarımını, çevrimdışı sayfa şablonunu ayarlayın.
3. Anında Bildirimler: Web push kullanıyorsanız: Firebase/OneSignal anahtarlarını girin, abonelik istemlerini ve bildirim şablonlarını ayarlayın.
4. Servis Çalışanı Kurulumu: Önbelleğe alma stratejilerini seçin: Varlıklar için "Önce önbellek", sayfalar için "Önce ağ ve geri dönüş". Kaydet ve kaydol.
5. Test Yükleme Davranışı: Desteklenen tarayıcılarda (iOS'ta Chrome, Edge, Safari): "Ana ekrana ekle"nin göründüğünü, simge ve açılış gösterisinin, çevrimdışı gezinmenin çalıştığını doğrulayın.
6. Canlı Yayına Geçin: HTTPS'yi sağlayın, önbellekleri temizleyin, DevTools'ta hizmet çalışanı ağ davranışını izleyin, push aboneliklerini doğrulayın.

İpucu: "Yüklenebilir" PWA kontrollerini ölçmek için Lighthouse aracını kullanın, eski önbelleklerden kaçınmak için güncelleme sırasında hizmet çalışanı sürümünün artmasını sağlayın.

📦 Teslimatlar

• 💾 PHP arka uç + JS hizmet çalışanı komut dosyalarını içeren GPL lisanslı eklenti kaynak kodu.
• 📄 Kurulum adımlarını, önbelleğe alma stratejileri kılavuzunu, push kurulumunu, sorun giderme ipuçlarını içeren Belgeler ve Beni Oku.
• 🎨 Varlık Paketi – simge setleri, birden fazla cihaz için açılış ekranı şablonları, bildirim JSON şablonu.
• 🔧 Yapılandırma Şablonları – örnek çevrimdışı sayfa HTML'si, önbelleğe alma stratejileri yapılandırması, anında bildirim şablonları.

📱 Desteklenen Platformlar

• Web Tarayıcıları: Masaüstü ve mobil cihazlarda Chrome, Edge, Safari, Firefox (çevrimdışı olarak yükleme istemini destekler).
• Cihazlar: Tarayıcının hizmet çalışanlarını ve uygulama bildirimini desteklediği akıllı telefonlar, tabletler ve masaüstü bilgisayarlar.
• Barındırma: PHP'nin etkin olduğu herhangi bir HTTPS web sunucusu; optimum performans için yavaş bağlantı testini kullanın.

🧠 Notlar ve SEO Güvencesi

• Lisans: Bu listeleme bağlamında GNU Genel Kamu Lisansı (GPL) kapsamında yayımlanmıştır; GPL koşulları altında kullanabilir, değiştirebilir ve yeniden dağıtabilirsiniz.
• Özelleştirme İpuçları: Push otomasyonu iş akışlarıyla entegrasyon (AB testi push istemleri), üyelik portalları için çevrimdışı veri senkronizasyonu, mobil uygulama tadı özelleştirmesi (tema rengi, uygulama adı), App Store'lar için yerel sarmalayıcılarla entegrasyon.
• Performans ve Erişilebilirlik: Önbelleğe alma boyutlarını izleyin, sürümlerde hizmet çalışanı sürümünü güncelleyin, SEO ve UX için çevrimdışı sayfa erişilebilirliğini (aria nitelikleri) sağlayın.
• Deneyim (E-E-A-T): Eklenti, modern web etkileşimi gereksinimlerini yansıtan gerçek web uygulaması kalıplarını (yüklenebilir, çevrimdışı, anında bildirimler) uygular.
• Uzmanlık: Web teknolojisi uzmanlığının sağlam bir karışımı olan arka uç PHP ile ön uç hizmet çalışanı ve bildirim mantığını birleştirir.
• Yetkililik: Eklenti pazarları için uygundur; Güncellemeleri desteklemek için orijinal yazara/geliştiriciye teşekkür edin.
• Güvenilirlik: Kaynak koduna tam erişim ve kendi kendine barındırma sayesinde, satıcıya bağımlı kalmadan sahiplik ve esneklik kazanırsınız.
• SEO Anahtar Kelimeleri: PWA eklentisi, aşamalı web uygulaması eklentisi, WordPress PWA eklentisi, web'e yüklenebilir uygulama eklentisi, servis çalışanı önbellekleme eklentisi.

👨‍💻 Orijinal Geliştirici Kredisi

Başlangıçta XYZ Developer / ThemeForest Author (veya benzeri) tarafından eklenti pazarlarında bir PWA eklentisi olarak yayınlandı. Lütfen güncellemeler ve geçerli olduğu durumlarda resmi lisanslama için orijinal geliştiriciyi destekleyin.

🔒 Sorumluluk reddi beyanı (Şeffaflık ve Güven)

Bu açıklama (GPL) dağıtımı ve listeleme kullanımı için sağlanmıştır. Orijinal eklenti yazarları değiliz ve ticari markaların veya markaların mülkiyetini iddia etmiyoruz. Ticari bir sürüm satın almadığınız sürece hiçbir resmi satıcı desteği, otomatik güncelleme hizmeti veya lisans anahtarı doğrulaması dahil değildir. Sorumlu bir şekilde kullanın, web sitenizin güvenliğini sağlayın, verilerinizi yedekleyin ve üretime geçmeden önce kapsamlı bir şekilde test edin.