微信扫码登陆 (微信开发平台)

本篇文章实现的是微信开放平台下微信扫码登陆;

微信扫码登陆实现方式: 微信开放平台       微信公众平台,用户需要关注公众号来实现,用户体验不太好

  1. 申请注册微信开放平台账号 https://open.weixin.qq.com/

  2. 申请网站应用并通过审核(获取AppId和AppSecret)MyAnswer博客

  3. 实现流程:

      1.第三方发起微信授权登录请求,微信用户允许第三方应用后,微信会拉起应用或重定向到第三方网站,并且带上授权临时票据code参数

               方式一 : 通过用户点击链接打开

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

              

                

MyAnswer博客

               方式二: 在网页内嵌js代码自动

                     1.引入微信js代码 http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js

<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
                         var obj = new WxLogin({
                              id:"显示二维码的容器id", 
                              appid: "申请到的appid", 
                              scope: "snsapi_login", 
                              redirect_uri: "这里是回调地址",
                              state: "",
                              style: "black",
                              href: ""
                            });
 2. 通过code参数加上AppID和AppSecret等,通过API换取access_token;
    https://api.weixin.qq.com/sns/oauth2/access_token?appid=
    APPID&secret=SECRET&code=CODE&grant_type=authorization_code
 3. 通过access_token进行接口调用,获取获取用户基本信息;
    https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID

                 注意: 微信开放平台唯一标示是unionid,微信公众平台是openid为了识别用户,每个用户针对每个公众号会产生一个安全的OpenID,如果需要在多公众号、移动应用之间做用户共通,则需前往微信开放平台,将这些公众号和应用绑定到一个开放平台账号下,绑定后,一个用户虽然对多个公众号和应用有多个不同的OpenID,但他对所有这些同一开放平台账号下的公众号和应用,只有一个UnionID,可以在用户管理-获取用户基本信息(UnionID机制)文档了解详情。



MyAnswer博客
请先登录后发表评论
  • 最新评论
  • 总共0条评论