關於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受權，都是同一個道理

微博受權傳送門

有一個後端大佬還真是幸福吖。