微信的網頁受權是基於OAuth2.0協議的,OAuth(開放受權)是一個開放標準,容許用戶讓第三方應用訪問該用戶在某一網站上存儲的私密的資源(如頭像,我的信息等),而無需將用戶名和密碼提供給第三方應用;而OAuth2.0則是OAuth協議的升級版,但並不兼容老版本。html
實際上,如今不少企業都使用到OAuth2.0,好比支付寶,微信,QQ受權登陸等等。web
受權流程:api
微信開發文檔中引導咱們操做的流程是:微信
更詳細的流程以下,主要是利用一個code受權碼來進行受權:微信開發
特別注意:
1.本文中用到的Access_Token是專屬於網頁受權而使用的Access_Token憑據,與以前其餘接口用的Access_Token憑據是不一樣的,因此咱們要經過另一個接口來獲取網頁受權使用的Access_Token。app
2.網頁受權分兩種scope受權做用域
(1)scope爲snsapi_base的網頁受權,是用來獲取進入頁面的用戶的openid的,而且是靜默受權並自動跳轉到回調頁的,也就是說用戶徹底感受不到你在獲取他的信息,但只能獲取openid。
(2)scope爲snsapi_userinfo的網頁受權,是用來獲取用戶的基本信息的(包括openid,頭像,暱稱,城市,性別等),這種受權須要用戶手動贊成,無須關注公衆號,就可在用戶贊成後獲取該用戶的基本信息。ide
實現步驟工具
注意:服務號或者測試號纔有網頁受權的功能權限測試
一:安裝微信web開發者工具,待會用於調試頁面網站
下載地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140
二:配置受權域名,設置該域名擁有網頁受權的權限(若是不設置,就沒有權限使用網頁受權)。
在接口權限列表找到網頁受權,點修改按鈕:
把域名填入到輸入框中:
確認保存便可。
三:準備好一個頁面,用於顯示用戶的詳細信息
個人頁面訪問地址爲http://ansheng.nat300.top/getUserInfo.do,是經過controller請求轉發到我的信息頁面。
感興趣的小夥伴能夠掃碼關注下公衆號哦,公衆號會分享高質量的技術文章哦