PC端页面扫码进入微信小程序
2019-12-09 本文已影响0人
昊哇恰
前端
二维码由后台生成
调用后台接口,传入小程序路径(不需要根目录的/),详情id,后台会处理好给我们返回二维码图片。
我们只需要在页面中展示等待用户扫描就好了。
需要我们注意的是,从PC端扫码进入小程序端时,传入页面的参数名为'scene',
也就是说我们在详情页面接入参数的时候,options里面的参数名叫做options.scene.
在页面的时候我们传参应该避免这个命名。而我们在小程序端也只需要增加一个判断就好了。
if (options.scene) { //如果有这个参数就是扫码过来的,没有走正常流程
this.httpPageData(options.scene)
} else {
this.httpPageData(options.data)
}
后台
生成二维码
https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html
测试:
我们在自测时候使用后台生成二维码下载到本地后,使用模拟器的二维码编译测试即可。
因为在设置跳转链接回调时基本设置的都是小程序的线上地址。而线上的代码我们在没有测试之前时不会更新的,导致线上测试失败。