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。