獲取微信用戶信息

create-at 2019-04-02

官方文檔

總共4步：

1. 第一步：用戶贊成受權，獲取code
2. 第二步：經過code換取網頁受權access_token
3. 第三步：刷新access_token（若是須要）
4. 第四步：拉取用戶信息(需scope爲 snsapi_userinfo)

這裏只對前端須要作的工做進行說明

前端須要作的只有第一步，由於出於安全考慮，敏感信息不能傳給客戶端；即使強行用前端來處理整個過程，微信那邊也有檢測，不會將敏感信息返回。

前端部分：

• (1) 獲取appid：這個由本身公司後端人員提供接口獲取
• (2) 調用以下接口：參數必定要按順序；redirect_uri能夠帶上參數一塊兒轉碼，轉碼用encodeURIComponent;實測是用location.href訪問的該接口,沒有異常

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
具體參數的意義請參考上方官方文檔

• (3) 獲取code：跳轉到重定向的頁面後code會跟在url連接上，若是重定向的地址也帶有參數，code會拼接在其後邊
• (4) 將code傳給後端，返回用戶信息

本篇文章只是作了整個流程說明與坑點，詳見上方官方文檔

交流 Github blog issues