PushManager: phương thức subscribe()

subscribe(options)

this.onpush = (event) => {
  console.log(event.data);
  // Từ đây chúng ta có thể ghi dữ liệu vào IndexedDB, gửi nó đến bất kỳ
  // cửa sổ nào đang mở, hiển thị thông báo, v.v.
};

navigator.serviceWorker.register("serviceworker.js");

// Dùng serviceWorker.ready để bảo đảm bạn có thể đăng ký push
navigator.serviceWorker.ready.then((serviceWorkerRegistration) => {
  const options = {
    userVisibleOnly: true,
    applicationServerKey,
  };
  serviceWorkerRegistration.pushManager.subscribe(options).then(
    (pushSubscription) => {
      console.log(pushSubscription.endpoint);
      // Các chi tiết đăng ký push cần cho máy chủ ứng dụng hiện đã
      // sẵn sàng và có thể được gửi tới đó bằng, chẳng hạn,
      // API fetch().
    },
    (error) => {
      // Trong quá trình phát triển, việc ghi lỗi ra console thường rất hữu ích.
      // Trong môi trường sản xuất, cũng có thể nên báo cáo thông tin lỗi
      // trở lại máy chủ ứng dụng.
      console.error(error);
    },
  );
});

btn.addEventListener("click", () => {
  serviceWorkerRegistration.pushManager
    .subscribe(options)
    .then((pushSubscription) => {
      // xử lý subscription
    });
});