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

一,准备工作

①,申请微信开放平台(微信公众平台无法实现)​​微信开放平台​

②,申请创建网站应用

微信授权登录:PC端扫码登录[unionid](二)_移动端

微信授权登录:PC端扫码登录[unionid](二)_移动端_02

​编辑

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

微信授权登录:PC端扫码登录[unionid](二)_微信_03

微信授权登录:PC端扫码登录[unionid](二)_微信开放平台_04

编辑

④,微信登录接口开通(需要花费300RMB)

⑤,授权回调域名设置

微信授权登录:PC端扫码登录[unionid](二)_微信开放平台_05

微信授权登录:PC端扫码登录[unionid](二)_微信_06

编辑

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

备注:在开放平台下绑定的所有类型的应用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](一)​