摘要:官方文檔總共步第一步用戶同意授權,獲取第二步通過換取網頁授權第三步刷新如果需要第四步拉取用戶信息需為這里只對前端需要做的工作進行說明前端需要做的只有第一步,因為出于安全考慮,敏感信息不能傳給客戶端即便強行用前端來處理整個過程,微信那邊
create-at 2019-04-02
官方文檔
總共4步:
第一步:用戶同意授權,獲取code
第二步:通過code換取網頁授權access_token
第三步:刷新access_token(如果需要)
第四步:拉取用戶信息(需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
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/109343.html
摘要:分享頁面的實際鏈接當前頁面的鏈接需要編碼公眾號的當前頁面的鏈接,需要編碼其他值均不用改動點擊允許后跳轉的鏈接是。此處的可以用來調取接口獲取微信用戶的相關信息每次用戶授權帶上的將不一樣,只能使用一次,分鐘未被使用自動過期。 vue + 微信獲取用戶信息 本次項目做到一個點贊功能,即分享出去一個頁面給微信好友,微信好友點開并點贊,需要將點贊用戶的微信昵稱,微信頭像以及微信openid,微信...
摘要:分享頁面的實際鏈接當前頁面的鏈接需要編碼公眾號的當前頁面的鏈接,需要編碼其他值均不用改動點擊允許后跳轉的鏈接是。此處的可以用來調取接口獲取微信用戶的相關信息每次用戶授權帶上的將不一樣,只能使用一次,分鐘未被使用自動過期。 vue + 微信獲取用戶信息 本次項目做到一個點贊功能,即分享出去一個頁面給微信好友,微信好友點開并點贊,需要將點贊用戶的微信昵稱,微信頭像以及微信openid,微信...
摘要:淺析微信支付微信公眾號網頁授權本文是淺析微信支付系列文章的第四篇,主要講解微信支付前如何獲取獲取網頁授權及用戶信息獲取。淺析微信支付系列已經更新三篇了喲,沒有看過的朋友們可以看一下哦。 淺析微信支付:微信公眾號網頁授權 本文是【淺析微信支付】系列文章的第四篇,主要講解微信支付前如何獲取獲取網頁授權及用戶信息獲取。 淺析微信支付系列已經更新三篇了喲~,沒有看過的朋友們可以看一下哦。 淺...
摘要:寫在最后我前端剛入門沒多久,最近在公司實習,受到身邊同事影響,所以也開始寫文章來記錄自己的學習心得,這是我第一次寫文章,所以可能寫的不太好,大家對文章和代碼有什么建議歡迎提出來一起交流,謝謝 微信網頁授權并獲取用戶信息 介紹 在很多微信H5應用里,當用戶訪問第三方應用時就需要進行微信網頁授權,并且很多涉及安全的操作我們必須要先獲取用戶信息才能繼續,本文章簡單介紹了微信授權流程,并通過申...
閱讀 923·2023-04-26 01:34
閱讀 3356·2023-04-25 20:58
閱讀 3260·2021-11-08 13:22
閱讀 2108·2019-08-30 14:17
閱讀 2522·2019-08-29 15:27
閱讀 2673·2019-08-29 12:45
閱讀 2996·2019-08-29 12:26
閱讀 2811·2019-08-28 17:51