微信第三方pcweb扫码登录

  1. 准备工作

(1) 网站应用微信登录是基于oauth2.0协议标准构建的微信oauth2.0授权登录系统。 在进行微信oauth2.在进行微信oauth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的appid和appsecret,申请微信登录且通过审核后,可开始接入流程。

  1. 授权流程

(1) 微信oauth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站,在微信用户授权登录已接入微信oauth2.0的第三方应用后,第三方可以获取到用户的接口调用凭证(access_token),通过access_token可以进行微信开放平台授权关系接口调用,从而可实现获取微信用户基本开放信息和帮助用户实现基础开放功能等。 微信oauth2.0授权登录目前支持authorization_code模式,适用于拥有server端的应用授权。该模式整体流程为:

  1. 具体步骤   

参照地址

https://developers.weixin.qq.com/doc/oplatform/website_app/wechat_login/wechat_login.html

(1) 请求code    

① 第三方使用网站应用授权登录前请注意已获取相应网页授权作用域(scope=snsapi_login),则可以通过在pc端打开以下链接: https://open.weixin.qq.com/connect/qrconnect?appid=appid&redirect_uri=redirect_uri&response_type=code&scope=scope&state=state#wechat_redirect 若提示“该链接无法访问”,请检查参数是否填写错误,如redirect_uri的域名与审核时填写的授权域名不一致或scope不为snsapi_login。

② 参数

③ 返回说明

(2) 通过code获取access_token

 

登录一般不需要刷新有效期,如果有问题直接返回就可以了

(3) 通过access_token调用接口

 

 

获取用户信息完毕

  1. 案例代码

1. 返回用户点击跳转到扫码的地址

 

 

2. 获取用户的accesstoken 地址

 

 

 

 

 

 

 

 

 

 

3. 调用代码

 

 

 

 

 

(6) 整体来说,简单,流程就是。

① 生成扫码地址,放在用户点击的按钮上

② 用户点击地址后扫码进行登录、授权。

③ 授权完毕后返回用户点击按钮的页面上,或者是个人中心。