PWA ile Push Bildirimler Nasıl Gönderilir?

Adı : PWA ile Push Bildirimler Nasıl Gönderilir?

Progressive Web Applications (PWA) gün geçtikçe daha popüler hale geliyor. PWA'lar, kullanıcıların mobil cihazlarına indirmeden web uygulamalarına erişmelerini sağlar. Bununla birlikte, PWA'lar, mobil uygulamalar kadar kullanışlı değilse de, artık birçok özelliği içerir. Bunlardan biri de Push Bildirimleri'dir. Push Bildirimleri, kullanıcılara önemli mesajları anında gösterir, böylece kullanıcılar uygulama içinde olmasalar bile güncellemelerden haberdar olabilirler. Peki, PWA ile Push Bildirimleri nasıl gönderilir?

PWA İle Push Bildirimleri

PWA'lar, web özelliklerinin tamamını kullanabildiği gibi, doğal olarak Push Bildirimleri'ni de kullanabilirler. Push Bildirimleri, kullanıcılara anlık mesajlar gönderdiğinden hızlı bir şekilde etkileşime geçebilir. Web Push API'nin kullanılması sayesinde kullanıcılara Push Bildirimleri gönderilebilir.

Web Push API, bir web sitesine push bildirimlerinin yanı sıra pop-up mesajları, bildirim merkezleri ve hatta ayrıntılı bildirimler için bir yol sağlar. Bunların hepsi, push bildirimlerinin farklı sürümleridir.

Push Bildirimlerinin farklı sürümleri

Tek bir Push Bildirimi türü yoktur. Bu iş, uygulamanızın ihtiyaçlarına göre değişebilir. İşte en yaygın kullanılan Push Bildirimlerinin türleri.

1. Basit Bildirimler: Kullanıcılar tarayıcının sağ alt köşesinde bildirim alır ve mesajlar sadece birkaç kelimeyle sınırlıdır. Bu, kullanıcının dikkat ettikleri ve hızlıca okuyup yanıtlayabilecekleri bir bildirim türüdür.

2. Bildirim Merkezi: Bazı kullanıcılar mesajları kontrol etmek için daha fazla kontrol isterler. Bu nedenle, tüm bildirimlerin yanı sıra daha fazla detay da dahil olmak üzere tüm mesajları ön plana çıkaracak bir izleme alanı sağlar.

3. Pop-Up Bildirimleri: Bu, basit bildirimlere benzer, ancak ana sayfayı açmadan daha hızlı yanıt vermenizi sağlar.

Push Bildirim Programı Kurma

Bir push bildirim programı ayarlamadan önce, daha önce belirtildiği gibi web sitenizde kullanımı desteklemek için izniniz olması gerekir. İzin almak için ilk olarak servis çalışanı kaynak dosyasına ihtiyacınız vardır. Bu, web uygulamanızın offline erişimini destekler ve web sitenizin yüklenmesi sırasında kaydedilir.

Push Bildirimlerini Kullanmak İçin Web Push API'yi Kullanma

Web Push API, tarayıcınız tarafından önceden yüklenen bildirimler hizmetiyle çalışır. Bu, uygulamanızın bildirimleri göndermek için ihtiyacı olan tüm API'leri (Sunucu ve Müşteri) sağlar. Sunucu API'si, bir bildirim oluşturmak ve göndermek, kullanıcıları hedeflemek ve doğru zamanda göndermek için düzenlemeler yapmanızı sağlar.

Müşteri API'si kullanıcının tarayıcısında kaydedilen izin belgesine erişir. Bu API, kullanıcının izniyle istemciye push bildirimleri almak için izin verir.

Push Bildirim Gönderimi Örneği

Push Bildirim programına doğrudan erişmenin bir yolu yoktur. Ancak, JavaScript ve NodeJS kullanarak bir sunucu tarafı hizmetiyle iş yükünüzü yönetebilirsiniz. İşte bir Push Bildirim gönderme örneği

1. Tarayıcı iznini isteyin.

if ('Notification' in window && navigator.serviceWorker) {
Notification.requestPermission(status => {
console.log('Notification permission status:', status);
});
}

2. Tarayıcıda push mesajlarına izin verildiğinde, bir Servis İşçisi kaynağı oluşturun.

navigator.serviceWorker.ready.then(registration => {
console.log('Service Worker Ready');
registration.pushManager.getSubscription()
.then(subscription => {
if (!subscription) {
console.log('Getting Subscription ...');
registration.pushManager.subscribe({
userVisibleOnly: true,
applicationServerKey: urlBase64ToUint8Array(applicationServerPublicKey)
}).then(subscription => {
console.log('Subscription : ', subscription);
updateSubscriptionOnServer(subscription);
}).catch(e => {
if (Notification.permission === 'denied') {
console.warn('Push notifications permissions rejected.');
} else {
console.error('Unable to subscribe to push.', e);
}
});
return;
}
console.log('Already subscribed to Push Service.');
updateSubscriptionOnServer(subscription);
});
});

3. Push Bildirimi gönderin

function sendNotification() {
fetch('/sendNotification?title=Example&message=Some%20new%20content')
.catch(err => console.log(err));
}

Bildirim Gönderme Servisine Sahip Bir Sunucu Ayarlama

Push Bildirim programını başlatmak için bir sunucuya ihtiyacınız vardır. Bu sunucu API'leri sağlar ve push bildirim gönderir.

Bu, sunucu tarafı kodu kullanarak başlatılabilir. Push API, tarayıcılarda standartlaştırılmadığı için kodlar ve arayüzler web tarayıcıları tarafından sunulur. Ancak, NodeJS ve Express çerçevesi veya benzeri bir sunucu işletme çözümü kullanarak bir sunucu kurmak yaygın bir yöntemdir.

Sık Sorulan Sorular

1. PWA ile push bildirimleri güvenli mi?

Evet, PWA ile Push Bildirimleri güvenli bir sistemdir. Bu işlem, HTTPS ile şifrelenmiştir ve sadece web sitesi tarafından istendiğinde kullanılabilir.

2. Push Bildirimleri için kullanıcı izni nasıl alınır?

Push Bildirimleri için kullanıcı izni tarayıcı ayarlarından alınır. Kullanıcılar, tarayıcıda izin talebi aldıklarında \"izin ver\" seçeneğini seçerek izin verebilirler.

3. Push Bildirimleri, kullanıcının tarayıcı özelliklerini engeller mi?

Hayır, Push Bildirimi şu anda tarayıcıların mevcut özelliklerine müdahale etmez. Ancak Push Bildirimleri, bildirimleri göstermek için hızlı bir şekilde bildirim geçmişi deposu açabilir.

Sonuç

Progressive Web Applications (PWA), özellikle mobil cihazlar için uygulamalar daha fazla yaygınlaştı. PWA'lar, uygulamanın sistem kaydetmelerine ihtiyacı olmadan web üzerinde çalıştığından, artık birçok özellik içerir. Bunlardan biri de Push Bildirimleri'dir. PWA'lar kullanıcılara hızlı bir şekilde bildirimler sunarak, uygulamanın içinde olmasalar bile güncellemelerden haberdar olmalarına yardımcı olur. Push Bildirimleri'nin farklı sürümleri mevcuttur ve bunları uygulama ihtiyaçlarına göre seçmek önemlidir. Web Push API'si kullanarak Push Bildirimleri oluşturulabilirdir. API'lar güncellenirken, bir Servis İşçisi hizmeti sunucusunda push bildirim göndermek için kullanılır. Push bildirimleri için kullanıcının tarayıcıda izni gerekir ve bunlar tarayıcı ayarlarında izin verirken sağlanır. Push Bildirimi tamamen güvenlidir ve HTTPS ile şifrelenmiştir."