微信授权登录：PC端扫码登录[unionid]

Posted 2022-10-20

 需求场景：实现使用微信扫描PC二维码的方式登录PC端网站

一，准备工作

①，申请微信开放平台（微信公众平台无法实现）​​微信开放平台​​

②，申请创建网站应用

​编辑

③，申请网站应用成功后会为你分配APPID和APPSecret

编辑

④，微信登录接口开通（需要花费300RMB）

⑤，授权回调域名设置

编辑

至此，开发准备工作已经完成，可以进行开发就行。

备注：在开放平台下绑定的所有类型的应用unionid是一致的

二，开发实现

这个PC端的扫码授权登录和移动端的授权登录的流程都是一样的，唯一不一样的就是唤起code的api不一样。

微信开放平台给了一个一号店的案例参考​​网站应用微信登录​​

①，获取code（和移动端换取code一样）

​​https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect​​

替换成自己的配置，点击后会跳转到一个二维码页面提供微信扫码，确认后会在手机端提示授权登录。设置scope=snsapi_login

例子：​​https://open.weixin.qq.com/connect/qrconnect?appid=wxbbb586156b193641&redirect_uri=http%3A%2F%2Fdevelope.sh01net.com%2Fauth%2FwxloginByCard&response_type=code&scope=snsapi_login#wechat_redirect​​

②，通过code换取其它信息。代码实现和移动端的一样。（具体Controller业务根据自己需求的实际情况修改，其它一致），代码参考​​微信授权登录：移动端[unionid](一)​​