美文网首页
微信扫码跳转微信小程序指定页面并传参

微信扫码跳转微信小程序指定页面并传参

作者: Zero_Jin | 来源:发表于2020-05-21 17:52 被阅读0次

需求:微信扫码一个二维码,然后跳转微信小程序中(指定页面),并带一些参数到那个指定的页面中,页面接收这个参数并处理

需要这个功能,首先你的微信小程序得先发布,发个测试版本也行;然后登录微信公众平台(点击可以直接跳转),然后找到左侧栏的 开发 按钮

1 2 3

根据上面三步操作,找到添加普通链接二维码的地方,点击添加进去

生成链接内容方法

上面那张图说了怎么生存链接了,接下来就是将链接内容生成二维码;然后扫码测试了,链接内容是从 https 开始的,复制那个链接到 草料 网站去转成二维码,微信扫码那个二维码就可以跳到你微信小程序中的指定的页面了;接下来说说怎么测试传的参数;

在你指定页面中的  onLoad 方法中处理传过来的参数

参数处理

options.q 就是获取传进来的参数了,这个时候接收到的数据是经过处理的,需要解下码,即第三行代码( decodeURIComponent(options.q) ),上面我那个 codeStr 就是传过来的原数据字符串了。剩下的就是根据个人的数据特性处理了,我后面的参数是个json字符串,所以后面就是解析json字符串赋值给对象使用了。

到这里还没完呢,最重要的步骤就是许多开发兄弟们都有疑问的地方,那就是用手机微信扫码后,怎么跟代码连接测试扫到的结果,(手动坏笑)😂哈哈,别着急:

将你上面在微信公众平台中添加的测试链接发布下

发布链接

不要问我为什么要发布,问就是不知道,我本来是做IOS开发的,奈何人手不够,过来凑数;

关键步骤

根据上图,选择 通过二维码编译,会弹一个选择文件夹,(把你生成的二维码图片提前丢在桌面),然后选择桌面的二维码图片,就可以在代码中调试刚才的上传参数了。 如果出现(提示:‘解析失败,非小程序码’。)那就是你那个链接没有发布;

相关文章

网友评论

      本文标题:微信扫码跳转微信小程序指定页面并传参

      本文链接:https://www.haomeiwen.com/subject/krdtahtx.html