需求:页面点击对应图标跳转到其他小程序
环境:
项目是一个内嵌在小程序中的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