很尷尬，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授權，都是同一個道理

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