微信小程序web-view嵌入uni-app H5页面，通过H5页面跳转其他小程序如何操作？-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序web-view嵌入uni-app H5页面，通过H5页面跳转其他小程序如何操作？。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

微信小程序web-view嵌入uni-app H5页面，通过H5页面跳转其他小程序如何操作？

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

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模板网！