快速學習nodejs系列:微信公衆號開發之五微信網頁受權

這篇文章比較有意思,由於這篇文章是寫於高鐵上,正值休假,旅途漫漫,寫篇文章消磨車上時間。web

這節咱們說說微信的網頁受權,首先咱們先來講說網頁受權的做用,咱們通常會本身開發web應用中加入受權,用來獲取用戶的openid(或unionid),來實現用戶體系。好比:咱們常作的基於微信的用戶體系,利用openid作惟一的身份識別。官方文檔:api

看看通常的效果(手動受權):安全

clipboard.png

微信網頁受權包括2種形式:
1.靜默受權。只能獲取到openid;用戶不用手動點擊肯定,直接跳到回調頁面。code=snsapi_base
2.手動受權。能夠獲取全部的用戶信息;會出現上圖的頁面,用戶需手動肯定後,纔會跳到回調頁面。code=snsapi_userinfo微信

clipboard.png

受權也要access_token
網頁受權access_token與咱們前面說的接口access_token不是同一個東西,網頁受權的access_token是經過OAuth2.0機制實現的,在用戶受權給公衆號後,能夠獲取到一個網頁受權特有的接口調用憑證,簡單地來講,這個access_token是要用戶肯定才能獲取。app

注意:使用網頁受權以前,必定先先到微信後臺設置網頁受權的安全域名,否則受權會失敗。也就是說,受權的回調地址的域名必定要與設置的域名同樣。spa

clipboard.png

網頁受權的流程:
1.引導用戶進入受權頁面贊成受權,獲取code
2.根據獲取的code換取網頁受權的access_token。若是是靜默受權的話,到這裏就能夠結束了,由於獲取access_token的同時,也能夠獲取到openid。
3.(這一步是手動受權纔有的)獲取用戶完整的信息(根據上一步獲取的access_token和openid)3d

下面咱們跑一遍網頁受權:
1.引導用戶訪問受權連接:
https://open.weixin.qq.com/co...code

clipboard.png

注意:appid、redirect_uri要換成本身正式的blog

2.獲取網頁受權的access_tokentoken

clipboard.png

3.獲取完整的用戶信息

clipboard.png

代碼:

clipboard.png

結果:
訪問受權頁面:http://d3bdhm.natappfree.cc/o...

clipboard.png

clipboard.png

clipboard.png

好了,順利獲取到用戶信息,微信網頁受權就講完了,也要快到站了。下一節講js-sdk相關的東西,主要是js-sdk使用流程、以及說下具體的接口的使用。

相關文章
相關標籤/搜索