微信扫码登录

elva 发布于2019-08-23 13:56 / 1932人阅读

摘要：二维码的样式外部文件，需要过程详解当使用微信扫码，微信校验成功后，会访问，并在的参数上添加和设置的。将拿到的用户信息有用户的唯一的，调用后台的微信登录接口，成功到进入登录页面之前的便可以了。

官方文档：网站应用微信登录开发指南

流程图

使用步骤

在使用的页面中引入：http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js

在需要使用微信登录的地方实例以下JS对象：

var obj = new WxLogin({
     id:"containerId", // 需要显示的容器id
     self_redirect:true,/*true：手机点击确认登录后可以在 iframe 内跳转到 redirect_uri，false：手机点击确认登录后可以在 top window 跳转到 redirect_uri。默认为 false。*/
     appid: "wx*****",  // 公众号appid wx*******
     scope: "snsapi_login",  // 应用授权作用域，以逗号隔开。网页应用目前仅支持snsapi_login
     redirect_uri: "", // 授权成功后回调的url
     state: "", /* 用于保持请求和回调的状态，授权请求后原样带回给第三方。该参数可用于防止csrf攻击（跨站请求伪造攻击），可设置为简单的随机数加session用来校验*/
     style: "black", // 提供"black"、"white"可选。二维码的样式
     href: "" // 外部css文件url，需要https
});

过程详解：
当使用微信扫码，微信校验成功后，会访问redirect_uri，并在redirect_uri的参数上添加code和设置的state。

在node层，添加一个redirect_uri对应的路由，当路由接受到对应请求，先校验一下state，然后将拿到的code和appid, secret, grant_type参数请求 https://api.weixin.qq.com/sns...，拿到用户的ACCESS_TOKEN

通过ACCESS_TOKEN访问https://api.weixin.qq.com/sns...，便可以拿到用户的微信信息了。

将拿到的用户信息（有用户的唯一的openid），调用后台的微信登录接口，成功redirect到进入登录页面之前的url便可以了。

备注：有的情况可能需要校验或刷新用户的ACCESS_TOKEN.

专线服务 idc机房托管端微信扫码 php微信扫码注册 html调用微信扫码微信扫二维码登录

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99818.html

自定义微信扫码登录样式

摘要：最近公司端网站登录改版，新增加微信扫码登录。设置好后发现，微信自带的样式，码太大了，位置也不对，需要调整。再看文档微信文档就是这个属性上方的，就可以引用咱们自己写的文件。最近公司PC端网站登录改版，新增加微信扫码登录。文档微信扫码登录文档。设置好后发现，微信自带的样式，码太大了，位置也不对，需要调整。 showImg(https://segmentfault.com/img/bVXj...

XiNGRZ 2019-08-21 17:15 评论0 收藏0
自定义微信扫码登录样式

摘要：最近公司端网站登录改版，新增加微信扫码登录。设置好后发现，微信自带的样式，码太大了，位置也不对，需要调整。再看文档微信文档就是这个属性上方的，就可以引用咱们自己写的文件。最近公司PC端网站登录改版，新增加微信扫码登录。文档微信扫码登录文档。设置好后发现，微信自带的样式，码太大了，位置也不对，需要调整。 showImg(https://segmentfault.com/img/bVXj...

davidac 2019-08-30 13:49 评论0 收藏0
基于 Swoole 的微信扫码登录

摘要：随着微信的普及，扫码登录方式越来越被现在的应用所使用。这里基于微信公众平台的带参数临时二维码，并且结合的服务实现扫码登录。对于用户扫临时的二维码，微信会触发相应的回调事件，我们需要在该回调事件中处理用户的扫码行为。随着微信的普及，扫码登录方式越来越被现在的应用所使用。它因为不用去记住密码，只要有微信号即可方便快捷登录。微信的开放平台原生就有支持扫码登录的功能，不过大部分人还是在用公众...

Half 2019-06-28 14:39 评论0 收藏0
网站接入微信扫码登录并获取用户基本信息(微信开放平台)

摘要：现在的网站基本都接入微信登陆了，就好像下面这样的。只需要用微信扫一下二维码，这个网站就可以展示你的微信昵称和头像，免去注册账号和输入密码登录的步骤，还免去设置头像和昵称的步骤，所以是挺方便的。现在的网站基本都接入微信登陆了，就好像下面这样的。 showImg(https://segmentfault.com/img/bVbc4jV?w=523&h=508); 只需要用微信扫一下二维码...

tangr206 2019-07-01 10:14 评论0 收藏0