小程序内嵌的H5页面如何跳转到其他小程序?

需求:页面点击对应图标跳转到其他小程序

环境:
项目是一个内嵌在小程序中的H5页面,所有的业务逻辑都在H5页面中.
利用微信小程序提供的web-view进行内嵌

微信小程序相关文档

实现:
1.h5业务代码中先跳转到自己小程序的一个页面,带上参数,包括用户的信息及所要跳转的appId

//`../jumpLink/jumpLink  是自己小程序的一个页面
wx.miniProgram.navigateTo({
	url: `../jumpLink/jumpLink?data=${encodeURIComponent(encodeURIComponent(data))}&appId=${appId}`,
});

2.在小程序中利用 wx.navigateToMiniProgram 这个方法去实现跳转即可

        wx.navigateToMiniProgram({
          appId: appId, //必传值
          success(res) {
            // 打开成功
            that.setData({ jumpFlag:true });
          },
          fail(res) {
            // 失败后返回原页面
            wx.navigateBack();
          }
        })

微信小程序相关文档

注意:
想要跳转到别人的小程序,就需要知道对应小程序的appid

查看对应小程序AppId的方法如下:

1.手机打开对应的小程序,点击右上角

2.点击对应小程序名称

3.点击更多资料

4.找到对应appid