Panduan Integrasi

              
              <script type="text/javascript" src="./webPushSdk.min.2.1.2.js"></script>

            

              
              Paket mencakup sw.xxx.js. File ini adalah service worker untuk menerima pesan.
SDK akan memuat file ini dari direktori root secara default.
Cakupan terbesar service worker adalah lokasi file worker (misal, jika skrip sw.js ada di /js/sw.js, hanya bisa mengontrol URL di bawah /js/).
Jadi, gunakan konfigurasi default sebisa mungkin dan letakkan di root situs web.
Jika harus disimpan di CDN pihak ketiga, gunakan header Service-Worker-Allowed di server untuk menentukan cakupan maksimal worker.

            

              
              // Dihilangkan: kode fingerprint Canvas, WebGL, dan plugin (tidak berubah)
const visitorId = getFingerprint();
console.log('user_str', visitorId);

            

              
                // Register event listeners before initialization.
  // Callback when the Aurora channel disconnects.
  MTpushInterface.mtPush.onDisconnect(function () {
    console.log("onDisconnect");
  });

  // Receive push messages (Web Push and browser vendor channels).
  MTpushInterface.onMsgReceive((msgData) => {
    // msgData structure: { data: { xxx }, type: 0 }; type 0 is the Aurora channel, and type 1 is the system channel.
    console.log("Received push message:", msgData);
  });

  function initWebPush() {
    const appkey = "your_appkey";
    const userStr = visitorId;

    if (!(appkey && userStr)) {
      console.log("appkey and user_str cannot be empty");
      return;
    }

    // Push initialization.
    MTpushInterface.init({
      appkey: appkey,
      user_str: userStr,
      fail(data) {
        console.log("Online push setup failed", data);
      },
      success(data) {
        console.log("Online push setup successful", data);
      },
      webPushcallback(code, tip) {
        console.log("Status code and message", code, tip);
      },
      canGetInfo(data) {
        // RegId is available here, and initialization config data can also be read from data.
        console.log("Initialization config", data);
        console.log("Obtained RegId", MTpushInterface.getRegistrationID());
      },
      custom: (requestPermission) => {
        // For custom prompt settings, call requestPermission during an appropriate user action to request notification permission.
        document.getElementById("subscribe")?.addEventListener("click", () => {
          if (Notification.permission === "default") {
            requestPermission();
          } else if (Notification.permission === "denied") {
            console.log("Notification permission is denied and cannot be requested");
          } else {
            console.log("Notification permission has already been granted");
          }
        });
      },
    });
  }

  initWebPush();