最近开发中常常遇到需要模拟公众号跳转到某个小程序或者小程序跳转小程序的情况,开发阶段一般我们都使用微信开发者工具进行开发,存在跳转的情况应该如何模拟呢,尤其是遇到bug的时候,总是在真机上面看真是太吃力了。。。网上搜了很多资料,总结了几种方法,自己总结的同时也希望可以帮助到其他人哈
1、小程序跳转小程序模拟
(1)在来源小程序中设置小程序跳转的有关信息
如下图代码
- wx.navigateToMiniProgram({
- appId: '跳转到的小程序的appid',
- path: '跳转页面的路径/开头',
- extraData: {
- '传递的参数名': '传递的参数值或参数对象'
- },
- envVersion: 'develop开发版trial体验版release正式版',
- success(res) {
- console.log("跳转成功");
- }
- });
复制代码 如果开发者工具中显示即将跳转xx小程序,是否跳转的缺人框,代表可以成功跳转哒
(2)去向(接收跳转)的小程序中如何进行模拟
在接收跳转的小程序如何模拟小程序跳转小程序呢
在开发者工具中可以通过自定义编译模式的方式进行模拟,extradata中即为来源小程序跳转时候配置的参数名和参数值,如下图
同时接收的小程序中需要在根app.js中的onShow或者onLaunch方法中从referrerInfo参数中进行接收,如onShow(param),就获取param.referrerInfo.extraData获取传递过来的参数值
2、公众号跳转小程序模拟
和小程序跳转小程序的接收端处理方法类似
我们需要再添加一个自定义的编译模式,然后就可以模拟啦
判断来源可以通过onShow/onLaunch方法入参下的referrerInfo下的appid是否等于某公众号的appid进行判断,如果相等则来源于某个公众号 就可以进行模拟啦,不过验证还是要进行小程序的发布的。。。 以上,欢迎大家批评指正!
|