H5微信网页授权
一.网页开发时的微信授权，首先公司要开通一个公众号，然后需要配置相关的东西：
1.微信网页授权：用于获取用户针对于公众号的唯一标识openid。但只能添加一个域名，通常把它设置为一级域名。网页授权回调域名，首先，在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加 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鉴权；最后，如果公众号登录授权给了第三方开发者来进行管理，则不必做任何设置，由第三方代替公众号实现网页授权即可。
2.JS接口安全域名：分享到朋友圈（js-sdk）时用上，此接口要求将当前的界面url加密后，才可以分享到朋友圈，需要调用微信分享功能的时候就需要配置这个域名。登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”，一般JS接口安全域名跟网页授权回调域名是一致的。
3.微信公众号对应的AppId和Screct等。
二：在h5页面上获取code：
//scope为snsapi_base //回调页面是用户默认授权的，即调到我的绑定界面，代表仅仅获取openid
// redirect_uri urlencode链接
//配置redirect_uri，需要先配置域名：配置开发-接口权限-网页服务-网页授权-网页授权域名
请求地址：https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 若提示“该链接无法访问”，请检查参数是否填写错误，是否拥有scope参数对应的授权作用域权限。
参数：
|参数 是否必须 说明
appid 是 公众号的唯一标识
redirect_uri 是 授权后重定向的回调链接地址，请使用urlencode对链接进行处理
response_type 是 返回类型，请填写code
scope 是 应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息）
state 否 重定向后会带上state参数，开发者可以填写a-zA-Z0-9的参数值，最多128字节
#wechat_redirect 是 无论直接打开还是做页面302重定向时候，必须带此参数
正常情况，授权成功页面将跳转至 redirect_uri/?code=CODE&state=STATE。
获取code:
var getRequest = this.getRequest();
if (getRequest.code) {
this.code = getRequest.code;
} else {
var pageUrl = window.location.href
.replace(/[/]/g, "%2f")
.replace(/[:]/g, "%3a")
.replace(/[#]/g, "%23")
.replace(/[&]/g, "%26")
.replace(/[=]/g, "%3d");
var url =
"https://open.weixin.qq.com/connect/oauth2/authorize?appid=" +
"填写网页授权回调域名所对应的那个公众号的AppId" +
"&redirect_uri=" +
pageUrl + //这里放当前页面的地址
"&response_type=code&scope=snsapi_base&state=STATE&connect_redirect=1#wechat_redirect";
window.location.href = url;
}
console.log("CODE：" + getRequest.code);
二丶获取code后，
请求以下链接获取access_token： https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
//若h5存在跨域问题，可以让后台调用此接口
参数说明
| 参数 | 是否必须 | 说明 |
|---|---|---|
| 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" }
第三步：刷新access_token（如果需要）
由于access_token拥有较短的有效期，当access_token超时后，可以使用refresh_token进行刷新，refresh_token有效期为30天，当refresh_token失效之后，需要用户重新授权。
请求方法
获取第二步的refresh_token后，
请求以下链接获取access_token：
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参数 |
返回说明
正确时返回的JSON数据包如下：
{ “access_token”:“ACCESS_TOKEN”,
“expires_in”:7200,
“refresh_token”:“REFRESH_TOKEN”,
“openid”:“OPENID”,
“scope”:“SCOPE” }
第四步：拉取用户信息(需scope为 snsapi_userinfo)
如果网页授权作用域为snsapi_userinfo，则此时开发者可以通过access_token和openid拉取用户信息了。
请求方法
http：GET（请使用https协议）
https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN
**参数说明**
参数 描述：
| access_token | 网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同 |
|---|---|
| openid | 用户的唯一标识 |
| lang | 返回国家地区语言版本，zh_CN 简体，zh_TW 繁体，en 英语 |
正确时返回的JSON数据包如下：
{ "openid":" OPENID",
" nickname": NICKNAME,
"sex":"1",
"province":"PROVINCE"
"city":"CITY",
"country":"COUNTRY",
"headimgurl": "http://thirdwx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/46",
"privilege":[ "PRIVILEGE1" "PRIVILEGE2" ],
"unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"
}
| 参数 | 描述 |
|---|---|
| openid | 用户的唯一标识 |
| nickname | 用户昵称 |
| sex | 用户的性别，值为1时是男性，值为2时是女性，值为0时是未知 |
| province | 用户个人资料填写的省份 |
| city | 普通用户个人资料填写的城市 |
| country | 国家，如中国为CN |
| headimgurl | 用户头像，最后一个数值代表正方形头像大小（有0、46、64、96、132数值可选，0代表640*640正方形头像），用户没有头像时该项为空。若用户更换头像，原有头像URL将失效。 |
| privilege | 用户特权信息，json 数组，如微信沃卡用户为（chinaunicom） |
| unionid | 只有在用户将公众号绑定到微信开放平台帐号后，才会出现该字段。 |
第五步：检验授权凭证（access_token）是否有效
请求方法
http：GET（请使用https协议） https://api.weixin.qq.com/sns/auth?access_token=ACCESS_TOKEN&openid=OPENID
| 参数 | 描述 |
|---|---|
| access_token | 网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同 |
| openid | 用户的唯一标识 |
返回说明
正确的JSON返回结果：
{ “errcode”:0,“errmsg”:“ok”}
错误时的JSON返回示例：
{ “errcode”:40003,“errmsg”:“invalid openid”}