二维码生成

用户扫描登录实现过程

1、打开网站生成一个带参数的二维码;
2、打开微信小程序后扫描刚生成的二维码;
3、小程序将该微信用户的openID,二维码上的参数发送到后台,此时后台如果没有该用户就创建用户,并更新openID和参数,有用户信息直接更新二维码上的参数即可。
4、打开的网站页面去轮询后台数据,看是否有更新的二维码。
5、如果有二维码的参数在后台数据中,就登录成功。
6、如果到了一定时间还没有轮询到数据,就结束轮询,提示用户重新操作。

步骤:

1.打开github,搜索weapp-qrcode,选择第一个选项,如下图所示

2.下载weapp.qrcode.min.js文件,如下图所示

3.把文件导入到utils文件夹中(也可以是别的文件夹,引用时写清路径就行了)
图片.png

4.打开index.wxml文件,声明一个canvas,并且设置一个canvas-id

<canvas style="width:{{windowWidth*0.5}}px;height:{{windowWidth*0.5}}px;margin:0 auto;"canvas-id="myQrcode"></canvas>

5.在index.js文件中调用qrcode方法生成二维码,text属性就是二维码的内容(ps:text属性可以是文本,也可以是链接
图片.png

6.编译就可以看到结果啦**
图片.png

Last modification:December 6th, 2019 at 09:25 am
如果觉得我的文章对你有用,请随意赞赏