网站接入微信扫码登录并获取用户基本信息(微信开放平台)

tangr206 发布于2019-07-01 10:14 / 3030人阅读

摘要：现在的网站基本都接入微信登陆了，就好像下面这样的。只需要用微信扫一下二维码，这个网站就可以展示你的微信昵称和头像，免去注册账号和输入密码登录的步骤，还免去设置头像和昵称的步骤，所以是挺方便的。

现在的网站基本都接入微信登陆了，就好像下面这样的。

只需要用微信扫一下二维码，这个网站就可以展示你的微信昵称和头像，免去注册账号和输入密码登录的步骤，还免去设置头像和昵称的步骤，所以是挺方便的。

那么如何把自己的网站接入这个呢？首先咱们得先在微信开放平台注册账号并且创建一个网站应用，等待审核通过后就可以获得Appid和AppSecretbingqie并且还要设置回调域名，这个不多说。

首先我们根据官方文档的流程来做：

第一步：请求CODE

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

通过以上的接口请求CODE

请求参数：

OK参数说的明白，咱就开始写代码了。

新建login.php

location.href="https://open.weixin.qq.com/connect/qrconnect?appid=$appid&redirect_uri=$redirect_uri&response_type=code&scope=$scope&state=$state#wechat_redirect";";
?>

我们在浏览器访问login.php后，就会生成一个code和携带了我们页面生成的state
即：redirect_uri?code=CODE&state=STATE

那么这两个参数，就进入和第二步需要用到CODE

第二步：通过code获取access_token

获取接口：

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

老样子，还是要构建请求参数

上面是有一个oauth.php的
这个文件已经接收到了code，我们就用这个文件构建请求参数

oauth.php

location.href="https://api.weixin.qq.com/sns/oauth2/access_token?appid=$appid&secret=$appsecret&code=$code&grant_type=authorization_code";";
?>

如果成功，那么就会返回一个JSON数据

 
"access_token":"ACCESS_TOKEN", 
"expires_in":7200, 
"refresh_token":"REFRESH_TOKEN",
"openid":"OPENID", 
"scope":"SCOPE",
"unionid": "unionid"
}

否则：

{"errcode":40029,"errmsg":"invalid code"}

成功截图：

那么，openid都获取到了access_token也获取到了，能干啥？

当然是获取用户基本信息啊,直接调用接口就行。

第三步：获取用户基本信息

https://api.weixin.qq.com/sns/userinfo?access_token=获取到的ACCESS_TOKENQ&openid=获取到的OPENID

然后访问，就是一堆用户基本信息了。

头像，昵称，城市，国家，unionid

作者：tanking

混合云私有云端微信扫码 php微信扫码注册 html调用微信扫码微信扫二维码登录

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

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

说说微信扫码登录

摘要：详情接口我们这里主要讲的是网站应用，网站应用微信登录是基于协议标准构建的微信授权登录系统即上面的协议。在微信客户端授权登录获取用户信息的可以查看。微信授权登录目前支持模式，适用于拥有端的应用授权。一、OAuth2.0 OAuth（开放授权）是一个开放标准，允许用户让第三方应用访问该用户在某一网站上存储的私密的资源（如照片，视频，联系人列表），而无需将用户名和密码提供给第三方应用。 ...

Jokcy 2019-08-23 13:07 评论0 收藏0
微信第三方登录接口开发

摘要：相关资料博客微信第三方登录接口开发端微信扫码登录文档移动端网页微信公众平台授权登录微信开放平台登录与微信公众平台授权登录区别在哪微信登录接口几个问题微信登录的和区别百分号编码在线转换第三方登录微信登录接口开发须知 APP登录接口 PC网站登录接口微信移动网页登录接口(又称微信公众号授权登录) 移动端非微信自带浏览不支持微信登录微信移动网页登录接口(又称微信公众号授权登录) ...

ziwenxie 2019-06-28 13:45 评论0 收藏0
通过小程序实现网站扫码登录！每年都可以省 300 块...代替微信开放平台和服务号的登陆模式！

摘要：微信开放平台要认证开发者，需要块年，微信服务号也需要提交企业资料认证，需要块年。免费的方法来了既然微信开放平台和微信认证的服务号每年都需要块认证费，个人学习不舍得，没资料，那么咱们把矛头指向微信小程序了。我们知道，要接入微信登陆有两种方式 1、微信开放平台2、微信服务号这两种方式均可生成带参数的二维码，然后扫码获取用户基本信息的，所以我们可以在网站上用这两种方式开发网站的扫码登录，...

rickchen 2019-07-01 10:20 评论0 收藏0
微信开放平台扫码登录获取用户基本信息！附可用demo

摘要：微信开放平台提供了网站扫码登录的接口，用于获取用户基本信息头像，昵称方便网站快速接入微信登录，快捷登录。需要使用登录接口，需要成为微信开放平台认证开发者元才可以获得这个接口权限。微信开放平台提供了网站扫码登录的接口，用于获取用户基本信息（头像，昵称）方便网站快速接入微信登录，快捷登录。需要使用登录接口，需要成为微信开放平台认证开发者（300元）才可以获得这个接口权限。准备工作： 1...

flybywind 2019-07-01 11:17 评论0 收藏0
微信第三方登录（PC网站、APP、移动网页）

摘要：最近搞微信第三方登录，搞蒙圈了。当你把服务号绑定到开放平台之后，网页授权返回的数据会多一个，同一个微信账号在同一个开放平台账号下的是一致的。最近搞微信第三方登录，搞蒙圈了。我们的业务有两个场景需要使用微信第三方登录：1、APP 第三方登录2、H5网页第三方登录，具体流程：用户微信端收到一个二维码--->扫码后同意微信授权-->绑定手机号码一开始纠结着是不是需要申请公众号，找了个专...

RobinQu 2019-07-01 11:05 评论0 收藏0