Push bildirimleri artık tarayıcılar arası desteklenmektedir

Kullanıcılarınıza zamanında ve yararlı bildirimler gönderin.

Thomas Steiner

Push API ve Notification API'nin yayınlanmasıyla 2016'da push bildirimleri standartlaştırıldı. Bu API'ler, W3C'nin Web Uygulamaları Çalışma Grubu'nun bir parçasıdır. Bu API'ler, web geliştiricilerin web uygulamalarına anlık bildirimleri dahil etmesi ve kullanıcıların web tarayıcılarında bildirimleri alıp bunlarla etkileşimde bulunması için gerekli işlevleri sağlar. Push mesajları, kullanıcının daha önce bildirim gönderme izni verdiği bir web sitesinden veya uygulamadan kullanıcının web tarayıcısına gönderilen bildirimlerdir. Bu mesajlar, kullanıcıyı yeni içerikler veya güncellemeler hakkında uyarmak, yaklaşan etkinlikleri ya da son tarihleri hatırlatmak veya diğer önemli bilgileri sağlamak için kullanılabilir. Push mesajları, özellikle kullanıcılara zamanında ve alakalı bilgiler (ör. haberler veya sporla ilgili bilgiler) sunması gereken uygulamalar ya da kullanıcılara özel teklifler veya indirimler hakkında bildirimler göndermek isteyen e-ticaret web siteleri için yararlı olabilir.

Anlık bildirimlere kaydolmak için öncelikle tarayıcınızın anlık bildirimleri destekleyip desteklemediğini kontrol edin. Bunu yapmak için navigator ve window nesnelerinde serviceWorker ve PushManager nesnelerini arayın.

Push bildirimleri destekleniyorsa hizmet çalışanını kaydetmek ve push bildirimlerine abone olmak için async ve await anahtar kelimelerini kullanın. Bunu JavaScript kullanarak nasıl yapabileceğinize dair bir örneği aşağıda bulabilirsiniz:

// 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

• Push bildirimlerine genel bakış
• Push API
• iOS ve iPadOS'teki web uygulamaları için web push bildirimleri