nodejs微信開發(fā)之授權(quán)登錄+獲取用戶信息的示例分析

這篇文章主要介紹nodejs微信開發(fā)之授權(quán)登錄+獲取用戶信息的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司長(zhǎng)期為上千客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為云霄企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)，云霄網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

微信網(wǎng)頁(yè)授權(quán)配置回調(diào)域名：

注：下面引自官方文檔

1、在微信公眾號(hào)請(qǐng)求用戶網(wǎng)頁(yè)授權(quán)之前，開發(fā)者需要先到公眾平臺(tái)官網(wǎng)中的“開發(fā) - 接口權(quán)限 - 網(wǎng)頁(yè)服務(wù) - 網(wǎng)頁(yè)帳號(hào) - 網(wǎng)頁(yè)授權(quán)獲取用戶基本信息”的配置選項(xiàng)中，修改授權(quán)回調(diào)域名。請(qǐng)注意，這里填寫的是域名（是一個(gè)字符串），而不是URL，因此請(qǐng)勿加 http:// 等協(xié)議頭；

2、授權(quán)回調(diào)域名配置規(guī)范為全域名，比如需要網(wǎng)頁(yè)授權(quán)的域名為：www.qq.com，配置以后此域名下面的頁(yè)面http://www.qq.com/music.html 、 http://www.qq.com/login.html 都可以進(jìn)行OAuth3.0鑒權(quán)。但http://pay.qq.com 、 http://music.qq.com 、 http://qq.com無(wú)法進(jìn)行OAuth3.0鑒權(quán)。

比如：需要授權(quán)的網(wǎng)頁(yè)域名為http://xiadd.weixin.qq.com/demo,那么需要配置回調(diào)域名為xiadd.weixin.qq.com。其他域名同理。配置圖示如下：

在權(quán)限里找到這部分，點(diǎn)擊修改。

將回調(diào)域名改為自己需要的域名：

這樣回調(diào)域名就修改成功了。

授權(quán)登錄

關(guān)于授權(quán)登錄的各種參數(shù)細(xì)節(jié)這里就不多說(shuō)了，但是這里也有一個(gè)access_token需要注意一下，和全局緩存的那個(gè)注意不要搞混了（話說(shuō)tx為啥不做一下命名區(qū)分）。這里的access_token是oauth的一個(gè)憑證，全局緩存的那個(gè)是調(diào)用微信公眾平臺(tái)各個(gè)基礎(chǔ)接口所要用到的憑證。
具體而言，網(wǎng)頁(yè)授權(quán)流程分為四步：
1、引導(dǎo)用戶進(jìn)入授權(quán)頁(yè)面同意授權(quán)，獲取code
2、通過(guò)code換取網(wǎng)頁(yè)授權(quán)access_token（與基礎(chǔ)支持中的access_token不同）
3、如果需要，開發(fā)者可以刷新網(wǎng)頁(yè)授權(quán)access_token，避免過(guò)期
4、通過(guò)網(wǎng)頁(yè)授權(quán)access_token和openid獲取用戶基本信息
這里的第三步不是必須的，這里先不提，也就是授權(quán)登錄主要是三部分。引導(dǎo)用戶點(diǎn)擊相應(yīng)鏈接獲取code，code換區(qū)access_token，通過(guò)access_token去的相應(yīng)信息。

引導(dǎo)用戶獲取code

因?yàn)槭跈?quán)登錄的權(quán)限較高，所以微信平臺(tái)會(huì)對(duì)鏈接的順序進(jìn)行校驗(yàn)，順序是固定的。鏈接格式如下：
https://open.weixin.qq.com/connect/oauth3/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

其中appid是固定的，就是公眾號(hào)的appid。
redirect_uri就是授權(quán)成功后需要跳轉(zhuǎn)到的鏈接。
response_type是固定的就是code。
scope就是授權(quán)權(quán)限，主要有兩種：snsapi_base （不彈出授權(quán)頁(yè)面，直接跳轉(zhuǎn)，只能獲取用戶openid），snsapi_userinfo （彈出授權(quán)頁(yè)面，可通過(guò)openid拿到昵稱、性別、所在地。并且，即使在未關(guān)注的情況下，只要用戶授權(quán)，也能獲取其信息）。

這里的scope以snsapi_userinfo為例，獲取用戶的信息。點(diǎn)進(jìn)鏈接進(jìn)入到授權(quán)頁(yè)面。如圖：

授權(quán)后得到url形式如下。code就包含在url里：

這樣code就得到了。code只能使用一次，5分鐘未被使用自動(dòng)過(guò)期。

通過(guò)code換取網(wǎng)頁(yè)授權(quán)access_token

再次提醒，這里的access_token和全局緩存的access_token是不一樣的。具體返回參數(shù)請(qǐng)看文檔，這里不一一列出了。
得到code后，通過(guò)get請(qǐng)求https://api.weixin.qq.com/sns/oauth3/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code，參數(shù)分別為appid，appsecret，和前一步獲取的code，雖然這里可以通過(guò)瀏覽器進(jìn)行請(qǐng)求，但是因?yàn)榘踩?jí)別高，所以千萬(wàn)在服務(wù)端進(jìn)行請(qǐng)求。代碼如下：

//getWebToken.js
function getToken(code) {
 let reqUrl = 'https://api.weixin.qq.com/sns/oauth3/access_token?';
 let params = {
 appid: config.appId,
 secret: config.appSecret,
 code: code,
 grant_type: 'authorization_code'
 };

 let options = {
 method: 'get',
 url: reqUrl+qs.stringify(params)
 };
 console.log(options.url);
 return new Promise((resolve, reject) => {
 request(options, function (err, res, body) {
  if (res) {
  resolve(body);
  } else {
  reject(err);
  }
 })
 })
}

就是很簡(jiǎn)單的一個(gè)請(qǐng)求得到想要的數(shù)據(jù)。但是注意得到的數(shù)據(jù)是個(gè)字符串，需要進(jìn)行處理，響應(yīng)格式如下：

對(duì)于scope為snsapi_base的授權(quán)，這里是最后一步，會(huì)返回openid。如果需要再進(jìn)行下一步。

拉取用戶信息

如果網(wǎng)頁(yè)授權(quán)作用域?yàn)閟nsapi_userinfo，則此時(shí)開發(fā)者可以通過(guò)access_token和openid拉取用戶信息了。
請(qǐng)求方法
http：GET（請(qǐng)使用https協(xié)議） https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN
這里也很簡(jiǎn)單。直接看代碼：

function getUserInfo(AccessToken, openId) {
 let reqUrl = 'https://api.weixin.qq.com/sns/userinfo?';
 let params = {
 access_token: AccessToken,
 openid: openId,
 lang: 'zh_CN'
 };

 let options = {
 method: 'get',
 url: reqUrl+qs.stringify(params)
 };
 
 return new Promise((resolve, reject) => {
 request(options, function (err, res, body) {
  if (res) {
  resolve(body);
  } else {
  reject(err);
  }
 });
 })
}

具體響應(yīng)到網(wǎng)頁(yè)上如圖所示：

這樣就通過(guò)授權(quán)登錄拉取到了用戶信息。

以上是“nodejs微信開發(fā)之授權(quán)登錄+獲取用戶信息的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標(biāo)題：nodejs微信開發(fā)之授權(quán)登錄+獲取用戶信息的示例分析
文章鏈接：http://muchs.cn/article18/gephgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、微信公眾號(hào)、商城網(wǎng)站、網(wǎng)站排名、外貿(mào)建站、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)