h5跳转微信小程序

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。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容