微信小程序间跳转踩坑

流氓凡 技术分享 2020-09-07 6.07 K 0

微信小程序间进行跳转方法

此部分见官方文档说明:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html

由此可知,我们需要知道对方小程序的appid和路径

借助官方工具获取要跳转的路径

如果你要直接跳转对方小程序的首页可以不用看这里了,首页不填写路径即可。

首先,获取小程序appid,这个在小程序的更多资料里面,截图步骤:

image.png

image.png

image.png

然后,我们拿这这个appid去找到微信公众平台右上角的工具->生成小程序码,输入这个appid

image.png

选择获取更多页面路径,填写你的微信号,点击开启

image.png

然后手机打开对方小程序,右上角会出现一个“复制链接”,这个就是路径了

坑来了

你会发现复制出来的链接是这样的:

pages/roomend/main.html?roomId=1218319426&roomImg=https%3A%2F%2Fnowpic.gtimg.com%2Fhy_personal_room%2F1218319426%2F12183194261592994341%2F640&isLogin=undefined&isListen=false&explicitUid=249545740

然后准备小程序端的代码是这样的:

wx.navigateToMiniProgram({
   appId: 'wxb825ab501296672e',
   path: '/pages/roomend/main.html?roomId=1218319426&roomImg=https%3A%2F%2Fnowpic.gtimg.com%2Fhy_personal_room%2F1218319426%2F12183194261592994341%2F640&isLogin=undefined&isListen=false&explicitUid=249545740'
})

最后跳转发现,找不到页面???

很诧异?其实很简单,路径改下就好了 删除 “.html” 就可以了,正确的小程序端的代码应该是这样的:

wx.navigateToMiniProgram({
   appId: 'wxb825ab501296672e',
   path: '/pages/roomend/main?roomId=1218319426&roomImg=https%3A%2F%2Fnowpic.gtimg.com%2Fhy_personal_room%2F1218319426%2F12183194261592994341%2F640&isLogin=undefined&isListen=false&explicitUid=249545740'
})

这个还是比较好理解的。

评论