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

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

Push bildirimleri, W3C Web Uygulamaları Çalışma Grubu'nun parçası olan Push API'si ve Notification API sürümüyle birlikte 2016'da standart hale gelmiştir. Bu API'ler, web geliştiricilerin web uygulamalarına push bildirimleri eklemesi ve kullanıcıların web tarayıcılarında bildirimleri alması ve bunlarla etkileşime geçmesi 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çerik veya güncellemeler konusunda uyarmak, yaklaşan etkinlikleri ya da son tarihleri hatırlatmak veya başka önemli bilgiler sağlamak için kullanılabilir. Push mesajları, özellikle kullanıcılarına zamanında ve alakalı bilgiler sunması gereken uygulamalar (ör. haber veya spor uygulamaları) ya da kullanıcılara özel teklifler veya indirimler hakkında bildirim göndermek isteyen e-ticaret web siteleri için yararlı olabilir.

Push bildirimlerine kaydolmak için öncelikle navigator ve window nesnelerindeki serviceWorker ve PushManager nesnelerini kontrol ederek tarayıcınızın bunları destekleyip desteklemediğini kontrol edin.

Push bildirimleri destekliyorsa 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 örnek aşağıda 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.");
}

Tarayıcı desteği

  • Chrome: 42.
  • Kenar: 17.
  • Firefox: 44.
  • Safari: 16.

Kaynak

Daha fazla bilgi