pc微信登录扫码显示无法连接服务器,WeAuth微信小程序实现PC网站扫码授权登录...

2023-05-16

目前微信扫码登录的实现有以下2种方式:

1、微信服务号扫码网页授权登录

2、微信开放平台Oauth2.0授权登录

以上2种方式少不了微信认证,都是需要交300元认证后才可以获得开发能力。所以我就想到了微信小程序,个人开发者无需认证也可以获得用户信息,授权登录,就可以简单实现一样的功能。

我们可以使用WeAuth平台实现,WeAuth提供API,我们只需要在后端发起登陆,微信扫码,授权后,WeAuth会讲用户信息转发给我们的服务器。

请求参数

1、域名

2、sk(由你自己生成,最大32位)

发起请求https://wa.isdot.net/qrcode?str=yourdomain.com@sk

说明:yourdomain.com是你的域名(不带http),sk是你后端随机生成的。// 示例

https://wa.isdot.net/qrcode?str=www.qq.com@123456789

发起请求后,会返回base64的小程序码数据,我们需要展示小程序授权码(即小程序码)。

微信扫码

用户打开微信扫一扫,扫描登录授权码后,WeAuth后端将向你的域名发起登录请求,注意https协议和固定的/weauth路径),参数user是用户微信信息,sk为登录请求校验码。

WeAuth后端将向你的域名发起登录请求,请求地址:https://yourdomain.com/weauth?user=uuu&sk=xxx

在你服务器根目录建立一个weauth目录,然后新建index.php就可以了,然后调用以上请求地址,用于接收请求结果,例如将得到的user和sk用于数据库校验和注册用户。

登陆

应用后端接收来自weauth后端的登录请求后根据sk识别登录请求的真伪,从而选择是否信任登录请求,根据当前登录请求中的用户微信信息完成授权登录。

登陆后,页面建议使用ajax轮询的方式,实时更新状态。

演示

因采用轮询机制,为避免长时间不扫码导致一直轮询下去,添加了超时。

bVcQzWt

bVcQzWn

Author:TANKING

Date:2020-12-01

Web:http://www.likeyun.cn/

WeChat:face6009

加入我的粉丝群,开发学习交流群

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

pc微信登录扫码显示无法连接服务器,WeAuth微信小程序实现PC网站扫码授权登录... 的相关文章

随机推荐