Kullanıcılarınıza zamanında ve faydalı bildirimler iletin.
Push bildirimleri, W3C'nin Web Uygulamaları Çalışma Grubu'nun bir parçası olan Push API'si ve Notification API'nin kullanıma sunulmasıyla birlikte 2016'da standart hale getirilmiştir. Bu API'lar, web geliştiricilerinin web uygulamalarına push bildirimleri eklemesi ve kullanıcıların web tarayıcılarında bildirimler alıp bunlarla etkileşim kurması için gereken işlevleri sağlar. Push mesajlar, kullanıcının önceden bildirim gönderme izni verdiği bir web sitesi veya uygulamadan kullanıcının web tarayıcısına gönderilen bildirimlerdir. Bu mesajlar, kullanıcıyı yeni içerik veya güncellemeler hakkında uyarmak, yaklaşan etkinlikleri veya son tarihleri hatırlatmak ya da diğer önemli bilgileri sağlamak için kullanılabilir. Push mesajları, haber veya spor uygulamaları gibi kullanıcılara zamanında ve alakalı bilgiler iletmesi gereken uygulamalar ya da kullanıcılara özel teklifler veya indirimlerle ilgili bildirimler göndermek isteyen e-ticaret web siteleri için yararlı olabilir.
Push bildirimlerine kaydolmak için öncelikle navigator ve window nesnelerinde serviceWorker ve PushManager nesnelerini kontrol ederek tarayıcınızın bunları destekleyip desteklemediğini kontrol edin.
Push bildirimleri destekleniyorsa hizmet çalışanını kaydetmek ve push bildirimlerine abone olmak için async ve await anahtar kelimelerini kullanın. Aşağıda, bunu JavaScript kullanarak nasıl yapabileceğinize ilişkin bir örnek verilmiştir:
// Check if the browser supports push notifications.
if ("serviceWorker" in navigator && "PushManager" in window) {
try {
// Register the service worker.
const swReg = await navigator.serviceWorker.register("/sw.js");
// Subscribe for push notifications.
const pushSubscription = await swReg.pushManager.subscribe({
userVisibleOnly: true
});
// Save the push subscription to the database.
savePushSubscription(pushSubscription);
} catch (error) {
// Handle errors.
console.error("Error subscribing for push notifications.", error);
}
} else {
// Push notifications are not supported by the browser.
console.error("Push notifications are not supported by the browser.");
}
Daha fazla bilgi
Yeni birlikte çalışabilirlik serisinin kapsamında