1、H5页面代码
wx.miniProgram.reLaunch({ url: `/pages/index/index?appId=${您的微信小程序appId}` });//触发小程序刷新页面获取appId
微信小程序appId查看方法:
1)有后台登录权限的情况下:登录微信公众平台后,
微信公众平台微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://mp.weixin.qq.com/点击右上角logo,在“帐号信息”中找到AppID(小程序ID)
2)没有后台登录权限:参考如下图方法文章来源:https://www.toymoban.com/news/detail-508173.html
![]()
![]()
文章来源地址https://www.toymoban.com/news/detail-508173.html
2、被嵌入小程序的代码
//pages/index/index.js代码如下
Page({
...
onLoad(options) {
if (options.appId) {
//为什么要多此一举弹出这个弹窗,因为从小程序 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用此接口自动跳转至其他小程序。
//来源文章:https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html
wx.showModal({
title: '提示',
content: '即将跳转到其他小程序',
confirmText: '我知道了',
showCancel: false,
success(res) {
if (res.confirm) {
wx.navigateToMiniProgram({ appId: options.appId });//打开另一个小程序
}
}
})
}
},
...
});
到了这里,关于微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转其他小程序如何操作?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!