关于H5在微信获取授权

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

1、作为一枚小前端，所做的就是把微信获取授权之后的链接和所需的参数给到后端，定好之后只要获取链接就好了。(⊙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上说的很详细，基本上都可以看得懂。

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

1、引导用户进入授权页面同意授权，获取code

2、通过code换取网页授权access_token（与基础支持中的access_token不同）

3、如果需要，开发者可以刷新网页授权access_token，避免过期

4、通过网页授权access_token和openid获取用户基本信息（支持UnionID机制）

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

友好的分割线

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

 

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

测试环境

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

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

 

 

 

 配置图：

 

 

校验图：

a)         JS 域名

 

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

 

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

 

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

 

d)         授权流程：

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

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

ending____________________________________________

 

正式环境：

跟测试环境区别：

　　1、基本配置区别

2、

接口配置区别

网页授权区别

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

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

微博授权传送门

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