扫描微信小程序如何实现自动注册或登录网站

  在网站上放小程序二维码,如何实现微信扫一扫打开小程序后实现pc端网站的自动注册或登录。

步骤如下

1,注册/登录页面生成一个GUID值(http://www.gaodaima.com/67938.html),同时将GUID保存到数据库表中,比如scan表(GUID,openid 2个字段,openid存储小程序动态二维码获取用户的openid),然后调用微信小程序API生成一个动态二维码,这个二维码包含GUID的值,放到sense配置中,比如(guid=guid值),具体看API:https://developers.weixin.qq.com/miniprogram/dev/OpenApiDoc/qrcode-link/qr-code/getUnlimitedQRCode.html
 
同时这个页面用计时器setInterval定时请求一个php页面付,发送guid参数,通过guid读取数据库判断guid对应的openid是否有值,有则通过openid读取数据表看是否存在对应记录,存在则设置session身份后输出1,否则直接用户表注册一个新用户,写入openid,输出0,并设置好好session身份。ajax判断这个php页面有输出1或者0则停止请求,1跳转到用户后台,0则跳转到信息输入页面。
 
2,用户微信扫描上面1生成的动态小程序码,在小程序码页面内容onload中通过参数e.guid获取到guid的值。
onLoad: function (e) {
var guid=e.guid;//将这个guid保存到localStorage或者一个全局变量中,这个是小程序和网站通信用的桥梁
}
然后就是小程序如何获取用户openid了,参考下面的
https://developers.weixin.qq.com/miniprogram/dev/OpenApiDoc/user-login/code2Session.html
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html
 
得到openid后,用wx.request(https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html)将openid和guid发送到服务器端一个动态页,动态页获取openid和guid后更新第一步的scan表guid对应的openid值即可。
 
 
公众号扫描pc端二维码登录实际和小程序差不多,只是公众号url是固定的,不需要再调用微信api生成二维码,可以自己组合成公众号网页授权的url地址后,用qrcode.js直接生成二维码即可。API:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
 
微信开发平台的网页应用则是最简单的。登录二维码微信自带js类库生成,也不需要GUID来实现通信,API:https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html

加支付宝好友偷能量挖...


原创文章,转载请注明出处:扫描微信小程序如何实现自动注册或登录网站

评论(0)Web开发网
阅读(201)喜欢(2)Asp.Net/C#/WCF