好东西要分享

微信小程序间跳转踩坑


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

此部分见官方文档说明:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html
由此可知,我们需要知道对方小程序的appid和路径

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

如果你要直接跳转对方小程序的首页可以不用看这里了,首页不填写路径即可。
首先,获取小程序appid,这个在小程序的更多资料里面,截图步骤:
微信小程序间跳转踩坑
微信小程序间跳转踩坑
微信小程序间跳转踩坑
然后,我们拿这这个appid去找到微信公众平台右上角的工具->生成小程序码,输入这个appid
微信小程序间跳转踩坑
选择获取更多页面路径,填写你的微信号,点击开启
微信小程序间跳转踩坑
然后手机打开对方小程序,右上角会出现一个“复制链接”,这个就是路径了
坑来了
你会发现复制出来的链接是这样的:

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'  })

这个还是比较好理解的。

相关推荐

  • 暂无文章

评论 抢沙发

评论前必须登录!