微信公众平台开发 OAuth2.0网页受权认证 网页受权获取用户基本信息
做者：方倍工做室 php
微信公众平台最近新推出微信认证，认证后能够得到高级接口权限，其中一个是OAuth2.0网页受权，不少朋友在使用这个的时候失败了或者没法理解其内容，但愿我出个教程详细讲解一下，因而便有了这篇文章。html
1、什么是OAuth2.0
官方网站：http://oauth.net/ http://oauth.net/2/web
权威定义：OAuth is An open protocol to allow secure authorization in a simple and standard method from web, mobile and desktop applications. json
OAuth是一个开放协议，容许用户让第三方应用以安全且标准的方式获取该用户在某一网站、移动或桌面应用上存储的私密的资源（如用户我的信息、照片、视频、联系人列表），而无需将用户名和密码提供给第三方应用。api
OAuth 2.0是OAuth协议的下一版本，但不向后兼容OAuth 1.0。 OAuth 2.0关注客户端开发者的简易性，同时为Web应用，桌面应用和手机，和起居室设备提供专门的认证流程。数组
OAuth容许用户提供一个令牌，而不是用户名和密码来访问他们存放在特定服务提供者的数据。每个令牌受权一个特定的网站（例如，视频编辑网站)在特定的时段（例如，接下来的2小时内）内访问特定的资源（例如仅仅是某一相册中的视频）。这样，OAuth容许用户受权第三方网站访问他们存储在另外的服务提供者上的信息，而不须要分享他们的访问许可或他们数据的全部内容。浏览器
新浪微博API目前也使用OAuth 2.0。安全
原文：http://www.cnblogs.com/txw1958/p/weixin71-oauth20.html服务器
2、微信公众平台OAuth2.0受权微信
微信公众平台OAuth2.0受权详细步骤以下：
1. 用户关注微信公众帐号。
2. 微信公众帐号提供用户请求受权页面URL。
3. 用户点击受权页面URL，将向服务器发起请求
4. 服务器询问用户是否赞成受权给微信公众帐号(scope为snsapi_base时无此步骤)
5. 用户赞成(scope为snsapi_base时无此步骤)
6. 服务器将CODE经过回调传给微信公众帐号
7. 微信公众帐号得到CODE
8. 微信公众帐号经过CODE向服务器请求Access Token
9. 服务器返回Access Token和OpenID给微信公众帐号
10. 微信公众帐号经过Access Token向服务器请求用户信息(scope为snsapi_base时无此步骤)
11. 服务器将用户信息回送给微信公众帐号(scope为snsapi_base时无此步骤)
使用的AppId和AppSecret在开发者中心-开发者ID中，能够找到。
1. 配置受权回调页面域名
进入微信公众平台后台后，依次进入开发者中心-权限表，找到网页受权获取用户基本信息，
点击右侧的修改。原文：http://www.cnblogs.com/txw1958/p/weixin71-oauth20.html
受权回调域名配置规范为全域名而且不带http，好比须要网页受权的域名为：www.qq.com，配置之后此域名下面的页面http://www.qq.com/music.html 、 http://www.qq.com/login.html 均可以进行OAuth2.0鉴权。但http://pay.qq.com 、 http://music.qq.com 、 http://qq.com没法进行OAuth2.0鉴权。
这里咱们填写方倍工做室的一个百度应用二级域名为 mascot.duapp.com
原文：http://www.cnblogs.com/txw1958/p/weixin71-oauth20.html
若是你的网址没有被列入过黑名单，就会在顶部出现
而后，域名配置就成功了。
2. 用户受权并获取code
在域名根目录下，新建一个文件，命名为oauth2.php，其内容为
<?php
if (isset($_GET['code'])){
echo $_GET['code'];
}else{
echo "NO CODE";
}
?>
先了解下请求受权页面的构造方式：
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
参数说明
| 参数 | 必须 | 说明 |
|---|---|---|
| appid | 是 | 公众号的惟一标识 |
| redirect_uri | 是 | 受权后重定向的回调连接地址 |
| response_type | 是 | 返回类型，请填写code |
| scope | 是 | 应用受权做用域，snsapi_base （不弹出受权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出受权页面，可经过openid拿到昵称、性别、所在地。而且，即便在未关注的状况下，只要用户受权，也能获取其信息） |
| state | 否 | 重定向后会带上state参数，开发者能够填写任意参数值 |
| #wechat_redirect | 否 | 直接在微信打开连接，能够不填此参数。作页面302重定向时候，必须带此参数 |
应用受权做用域：因为snsapi_base只能获取到openid，意义不大，因此咱们使用snsapi_userinfo。
回调地址：填写为刚才上传后的oauth2.php的文件地址，
state参数：随便一个数字，这里填1
构造请求url以下：
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx8888888888888888&redirect_uri=http://mascot.duapp.com/oauth2.php&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect
把这个连接发送到微信中，以便在微信浏览器中打开，这里使用A连接封装以下：
OAuth2.0网页受权演示 <a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx8888888888888888&redirect_uri=http://mascot.duapp.com/oauth2.php&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect">点击这里体验</a> 技术支持 方倍工做室
在微信中显示以下
点击绑定后，弹出应用受权界面
选择容许，点击
跳转到auth2.php页面，执行
echo $_GET['code']
界面上显示的就是code，这时候经过右上角按钮中的复制连接，获得连接以下：
http://mascot.duapp.com/oauth2.php?code=00b788e3b42043c8459a57a8d8ab5d9f&state=1
咱们成功获得了code了。
注意：若是在绑定的时候出现这样的界面，就说明参数不对，须要回头检查一下参数
3. 使用code换取access_token
换取网页受权access_token页面的构造方式：
https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
参数说明
| 参数 | 是否必须 | 说明 |
|---|---|---|
| appid | 是 | 公众号的惟一标识 |
| secret | 是 | 公众号的appsecret |
| code | 是 | 填写第一步获取的code参数 |
| grant_type | 是 | 填写为authorization_code |
code：在这里填写为上一步得到的值
构造请求url以下：
https://api.weixin.qq.com/sns/oauth2/access_token?appid=wx8888888888888888&secret=aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&code=00b788e3b42043c8459a57a8d8ab5d9f&grant_type=authorization_code
能够在浏览器中直接执行这条语句：
获得以下json数据:
{
"access_token": "OezXcEiiBSKSxW0eoylIeAsR0GmYd1awCffdHgb4fhS_KKf2CotGj2cBNUKQQvj-G0ZWEE5-uBjBz941EOPqDQy5sS_GCs2z40dnvU99Y5AI1bw2uqN--2jXoBLIM5d6L9RImvm8Vg8cBAiLpWA8Vw",
"expires_in": 7200,
"refresh_token": "OezXcEiiBSKSxW0eoylIeAsR0GmYd1awCffdHgb4fhS_KKf2CotGj2cBNUKQQvj-G0ZWEE5-uBjBz941EOPqDQy5sS_GCs2z40dnvU99Y5CZPAwZksiuz_6x_TfkLoXLU7kdKM2232WDXB3Msuzq1A",
"openid": "oLVPpjqs9BhvzwPj5A-vTYAX3GLc",
"scope": "snsapi_userinfo,"
}
数据格式解读以下：
| 参数 | 描述 |
|---|---|
| access_token | 网页受权接口调用凭证,注意：此access_token与基础支持的access_token不一样 |
| expires_in | access_token接口调用凭证超时时间，单位（秒） |
| refresh_token | 用户刷新access_token |
| openid | 用户惟一标识，请注意，在未关注公众号时，用户访问公众号的网页，也会产生一个用户和公众号惟一的OpenID |
| scope | 用户受权的做用域，使用逗号（,）分隔 |
因而，咱们成功的经过code换取到了access_token，以及refresh_token。
刷新access_token
官方文档中提到了刷新access_token的功能，但这不是必需要作的，初次使用能够先忽略。
url请求方法以下：
https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=APPID&grant_type=refresh_token&refresh_token=REFRESH_TOKEN
参数说明
| 参数 | 是否必须 | 说明 |
|---|---|---|
| appid | 是 | 公众号的惟一标识 |
| grant_type | 是 | 填写为refresh_token |
| refresh_token | 是 | 填写经过access_token获取到的refresh_token参数 |
构造以下：
https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=wx8888888888888888&grant_type=refresh_token&refresh_token=OezXcEiiBSKSxW0eoylIeAsR0GmYd1awCffdHgb4fhS_KKf2CotGj2cBNUKQQvj-G0ZWEE5-uBjBz941EOPqDQy5sS_GCs2z40dnvU99Y5CZPAwZksiuz_6x_TfkLoXLU7kdKM2232WDXB3Msuzq1A
在浏览器中执行获得前面一样格式的json数据
方倍：感受refresh token是个没有意义的东西，使用code能得到且必须这样得到access token和openid，继而得到用户基本信息，那根本就没有刷新access token的必要。我的意见，仅供参考。。。
4. 使用access_token获取用户信息
请求方法：
https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID
参数说明
| 参数 | 描述 |
|---|---|
| access_token | 网页受权接口调用凭证,注意：此access_token与基础支持的access_token不一样 |
| openid | 用户的惟一标识 |
构造url以下：
https://api.weixin.qq.com/sns/userinfo?access_token=OezXcEiiBSKSxW0eoylIeAsR0GmYd1awCffdHgb4fhS_KKf2CotGj2cBNUKQQvj-G0ZWEE5-uBjBz941EOPqDQy5sS_GCs2z40dnvU99Y5AI1bw2uqN--2jXoBLIM5d6L9RImvm8Vg8cBAiLpWA8Vw&openid=oLVPpjqs9BhvzwPj5A-vTYAX3GLc
能够在浏览器中直接执行这条语句：
获得以下json数据:
{
"openid": "oLVPpjqs9BhvzwPj5A-vTYAX3GLc",
"nickname": "刺猬宝宝",
"sex": 1,
"language": "简体中文",
"city": "深圳",
"province": "广东",
"country": "中国",
"headimgurl": "http://wx.qlogo.cn/mmopen/utpKYf69VAbCRDRlbUsPsdQN38DoibCkrU6SAMCSNx558eTaLVM8PyM6jlEGzOrH67hyZibIZPXu4BK1XNWzSXB3Cs4qpBBg18/0",
"privilege": []
}
参数解读：
| 参数 | 描述 |
|---|---|
| openid | 用户的惟一标识 |
| nickname | 用户昵称 |
| sex | 用户的性别，值为1时是男性，值为2时是女性，值为0时是未知 |
| province | 用户我的资料填写的省份 |
| city | 普通用户我的资料填写的城市 |
| country | 国家，如中国为CN |
| headimgurl | 用户头像，最后一个数值表明正方形头像大小（有0、4六、6四、9六、132数值可选，0表明640*640正方形头像），用户没有头像时该项为空 |
| privilege | 用户特权信息，json 数组，如微信沃卡用户为（chinaunicom） |
这与我我的的微信信息是一致的
至此，在不输入个人帐号及密码的状况下，微信公众帐号近宝得到了个人我的信息，这些信息包括昵称、性别、国家、省份、城市、我的头像以及特权列表。
一个完整的OAuth2认证就完成了。
3、详细演示
扫描关注下列微信公众帐号的二维码，回复“受权”。
弹出获取到的结果
5、 实现方法
使用《微信公众平台开发》图书中的SDK，如下几行代码便可实现微信OAuth2.0网页受权
6、获取源码
本节最新的教程说明及源码已同步在《微信公众平台开发最佳实践(第3版)》一书中发布，欢迎购买。
7、应用场景【付费阅读】
购买《微信公众平台开发最佳实践(第3版)》 后，能够查看如下使用方法及源代码，购买地址：http://www.kancloud.cn/fangbei/weixin
1. 网页受权获取我的信息，请看 http://www.kancloud.cn/fangbei/weixin/283893
2. 网页判断用户是否关注，请看 http://www.kancloud.cn/fangbei/weixin/283894
3. 二次受权多个域名方法，请看 http://www.kancloud.cn/fangbei/weixin/283895