关于H5在微信获取受权

很尴尬，flag倒了好久，这才来更新。

一、做为一枚小前端，所作的就是把微信获取受权以后的连接和所需的参数给到后端，定好以后只要获取连接就行了。(⊙o⊙)…确实就是这么简单，基本上这种受权是须要后端来配置的，可是多了解一些也没有坏处。主要就是利用连接重定向来操做。

举个栗子：http://baibu.com/weixin/OAuth?url=http://test.xiaobai.com/html/wx.html?share=1    
配置以后会获取微信受权，网页重定向后会到url的地址http://test.xiaobai.com/html/wx.html?share=1   

　　

传送门

微信的API上说的很详细，基本上均可以看得懂。

具体而言，网页受权流程分为四步：

一、引导用户进入受权页面赞成受权，获取code

二、经过code换取网页受权access_token（与基础支持中的access_token不一样）

三、若是须要，开发者能够刷新网页受权access_token，避免过时

四、经过网页受权access_token和openid获取用户基本信息（支持UnionID机制）

——————————————————————————————————————————————————————

友好的分割线

——————————————————————————————————————————————————————

 

就不搬砖了，下面附上作后端的朋友的流程：

测试环境

1. 地址 测试登陆
2. 接口配置

　　　　a)    URL和token, 提交时去指定的URL地址服务去验证， 如图：

 

 

 

 配置图：

 

 

校验图：

a)         JS 域名

 

b)         关注测试公众号，关注公众号才能得到用户信息

 

c)         接口权限列表配置， 经常使用

 

回调域名也是后台服务域名。

 

d)         受权流程：

先由后台重定向到 微信服务进行认证， 以下图

 微信服务验证经过后回调到，如图

ending____________________________________________

 

正式环境：

跟测试环境区别：

　　一、基本配置区别

二、

接口配置区别

网页受权区别

 ————————————————————————————————————

另外最近也接入了微博受权和qq受权，都是同一个道理

微博受权传送门

有一个后端大佬还真是幸福吖。