Web SDK 集成指南

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

            

              
              随包包含sw.xxx.js该文件是service worker文件，用于接收消息。
SDK默认会从根目下加载该文件。
service worker 最大的作用域是worker所在位置，（按句话说，如果脚本sw.js位于/js/sw.js中，默认情况下它只能控制/js/下的url）。
所以请尽可能使用默认配置，放在网站根目录。
如果有特殊情况，存放在第三方cdn，请在服务端使用 Service-Worker-Allowed 标头指定 worker的最大作用域。

            

              
              // 略：Canvas、WebGL、插件指纹采集代码（保持不变）
const visitorId = getFingerprint();
console.log('user_str', visitorId);

            

              
                // 请在初始化前注册事件监听
  // 极光通道断开连接时的回调
  MTpushInterface.mtPush.onDisconnect(function () {
    console.log("onDisconnect");
  });

  // 得到推送消息（Web 推送、浏览器厂商通道）
  MTpushInterface.onMsgReceive((msgData) => {
    // msgData 数据结构：{ data: { xxx }, type: 0 }，type: 0 是极光通道，1 是系统通道
    console.log("得到推送消息:", msgData);
  });

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

    if (!(appkey && userStr)) {
      console.log("appkey 与 user_str 都不能为空");
      return;
    }

    // 推送初始化
    MTpushInterface.init({
      appkey: appkey,
      user_str: userStr,
      fail(err) {
        console.log("在线推送创建失败", err);
      },
      success(data) {
        console.log("在线推送创建成功", data);
      },
      webPushcallback(code, tip) {
        console.log("状态码及提示", code, tip);
      },
      canGetInfo(data) {
        // 此时可以得到 RegId，也可以在 data 中取得初始化配置数据
        console.log("初始化配置", data);
        console.log("得到 RegId", MTpushInterface.getRegistrationID());
      },
      custom: (requestPermission) => {
        // 使用自定义提示配置时，在合适的用户操作时机调用 requestPermission 请求通知权限
        document.getElementById("subscribe")?.addEventListener("click", () => {
          if (Notification.permission === "default") {
            requestPermission();
          } else if (Notification.permission === "denied") {
            console.log("通知权限已禁用，无法申请权限");
          } else {
            console.log("已有通知权限，无需重复申请");
          }
        });
      },
    });
  }

  initWebPush();