univue系列

h5跳转微信小程序

2025-01-23  本文已影响0人  litielongxx

1 微信环境下浏览器如好友聊天窗口,文件传输助手,需要wx-open-lunnch微信公众号的接口对接授权,引入js-weixin跳转。

2 非微信环境下,小程序微信公众后台设置urlscheme短链,最新是支持配置格式weixin://dl/business/?appid=小程序id&path=pages/index/index
另外该短链,ios中支持1中微信聊天窗口,安卓中不支持。

  const userAgent = navigator.userAgent.toLowerCase();
            let iswx = userAgent.indexOf("micromessenger") !== -1;
            let isxcx = window.__wxjs_environment === "miniprogram";
            let isIOS = /iphone|ipad|ipod/.test(userAgent); // 判断是否为 iOS 设备[^12^]
            // ios可以直接跳转忽略
            if (iswx && !isxcx && !isIOS) {
              this.isActive = true;
            } else {
              wx.miniProgram.navigateTo({
                path: "pages/index/index", // 目标页面路径,确保路径正确
              });
              location.href = `weixin://dl/business/?appid=小程序id&path=pages/index/index`;
            }

3 小程序中h5跳转,js-weixin.js引入,直接wx.miniProgram.navigateTo.。注意只能跳转该小程序的指定页,不能跳转小程序b。

上一篇 下一篇

猜你喜欢

热点阅读