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

微博授權傳送門

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