一、寫在前面的話
上一篇文章中，我們使用 Node.js 成功的實(shí)現(xiàn)了接入微信公眾平臺(tái)功能。在這篇文章中，我們將實(shí)現(xiàn)微信公眾平臺(tái)一個(gè)非常重要的參數(shù) access_token ,它是公眾號(hào)的全局唯一接口調(diào)用憑據(jù)，公眾號(hào)調(diào)用各接口時(shí)都需使用 access_token。
在開始之前，讓我們先按捺住自己激動(dòng)的心情、調(diào)整好呼吸，因?yàn)槲覀円獙⑸弦黄恼碌拇a重新整理一下。一個(gè)好的項(xiàng)目結(jié)構(gòu)，更能有助于我們理清業(yè)務(wù)邏輯以及將來維護(hù)代碼的便捷。OK？
二、整理項(xiàng)目結(jié)構(gòu)
1.打開我們的項(xiàng)目，并在項(xiàng)目中添加文件夾，命名為 wechat ，如圖:
2.在 wechat 文件夾中添加文件并命名為 wechat.js。wechat.js 主要用于封裝開發(fā)微信公眾平臺(tái)的所有方法。首先我們構(gòu)建這個(gè)模塊的結(jié)構(gòu)，代碼如下：
'use strict' //設(shè)置為嚴(yán)格模式//構(gòu)建 WeChat 對(duì)象 即 js中 函數(shù)就是對(duì)象var WeChat = function(config){ //設(shè)置 WeChat 對(duì)象屬性 config this.config = config; //設(shè)置 WeChat 對(duì)象屬性 token this.token = config.token;}//暴露可供外部訪問的接口module.exports = WeChat;嚴(yán)格模式：是在 ECMAScript 5 中引入的概念。嚴(yán)格模式是為 Javascript 定義了一種解析與執(zhí)行模型。
module.exports ：暴露接口用于外部操作。實(shí)際上我們定義模塊后，使用 node.js 的 require 引用時(shí)，node.js 會(huì)自動(dòng)在我們定義的模塊外層加入以下代碼
/** * exports module.exports 的一個(gè)簡(jiǎn)短的引用 * require 用于引入模塊 * module 當(dāng)前模塊的引用 * __filename 當(dāng)前模塊的文件名 * __dirname 當(dāng)前模塊的目錄名 */(function (exports, require, module, __filename, __dirname) { //自定義模塊的代碼塊})();相信對(duì)于有過 javascript 開發(fā)經(jīng)驗(yàn)的同學(xué)，上面的代碼并不陌生。我們可以將它理解為一個(gè)閉包，是一個(gè)匿名方法的調(diào)用，避免污染全局變量。
小知識(shí)：
在上面的代碼中，除了我們所使用的 module.exports 對(duì)象，還有另一個(gè)用于暴露接口的 變量 exports (官方文檔將 module.exports 稱為對(duì)象，exports 稱為 屬性，我在這里也就這樣稱呼了)，那么 module.exports 與 exports 有什么區(qū)別呢？
module.exports 對(duì)象是由模塊系統(tǒng)創(chuàng)建的，exports 變量是在模塊的文件級(jí)別作用域內(nèi)有效的，它在模塊被執(zhí)行前被賦于 module.exports 的值。――來自Node.js官方文檔
也就是說 exports 是 module.exports 的引用，而 module.exports 才是真正用于暴露接口的對(duì)象。 exports 賦值的所有屬性與方法都賦值給了 module.exports 對(duì)象。
如果 module.exports 與 exports 將值賦值給了相同的屬性，則按照賦值的先后順序，取最后一個(gè)賦值；如果我們給 module.exports 賦值的是一個(gè)對(duì)象，則會(huì)覆蓋 exports 的所有方法與屬性。
因此我們?cè)诒┞督涌诘氖褂蒙希绻皇菃我粚傩曰蚍椒ǖ脑挘ㄗh使用exports.屬性/方法，要是導(dǎo)出多個(gè)屬性或方法或使用對(duì)象構(gòu)造方法，建議使用 module.exports。
3.為 WeChat 對(duì)象添加一個(gè)方法 auth，并將 app.js 中的驗(yàn)證方法粘貼進(jìn)去
'use strict' //設(shè)置為嚴(yán)格模式const crypto = require('crypto'); //引入加密模塊//構(gòu)建 WeChat 對(duì)象 即 js中 函數(shù)就是對(duì)象var WeChat = function(config){ //設(shè)置 WeChat 對(duì)象屬性 config this.config = config; //設(shè)置 WeChat 對(duì)象屬性 token this.token = config.token;}/** * 微信接入驗(yàn)證 */WeChat.prototype.auth = function(req,res){ //1.獲取微信服務(wù)器Get請(qǐng)求的參數(shù) signature、timestamp、nonce、echostr var signature = req.query.signature,//微信加密簽名 timestamp = req.query.timestamp,//時(shí)間戳 nonce = req.query.nonce,//隨機(jī)數(shù) echostr = req.query.echostr;//隨機(jī)字符串 //2.將token、timestamp、nonce三個(gè)參數(shù)進(jìn)行字典序排序 var array = [this.token,timestamp,nonce]; array.sort(); //3.將三個(gè)參數(shù)字符串拼接成一個(gè)字符串進(jìn)行sha1加密 var tempStr = array.join(''); const hashCode = crypto.createHash('sha1'); //創(chuàng)建加密類型 var resultCode = hashCode.update(tempStr,'utf8').digest('hex'); //對(duì)傳入的字符串進(jìn)行加密 //4.開發(fā)者獲得加密后的字符串可與signature對(duì)比，標(biāo)識(shí)該請(qǐng)求來源于微信 if(resultCode === signature){ res.send(echostr); }else{ res.send('mismatch'); }}//暴露可供外部訪問的接口module.exports = WeChat;4.整理 app.js 文件的中的代碼，如下：
const express = require('express'), //express 框架 wechat = require('./wechat/wechat'), config = require('./config');//引入配置文件var app = express();//實(shí)例express框架var wechatApp = new wechat(config); //實(shí)例wechat 模塊//用于處理所有進(jìn)入 3000 端口 get 的連接請(qǐng)求app.get('/',function(req,res){ wechatApp.auth(req,res);});//監(jiān)聽3000端口app.listen(3000);嗯！這樣代碼看著是不是舒服多了呢。機(jī)智如我
剩下的就是去微信公眾平臺(tái)接入驗(yàn)證了，在上一篇文章中有詳細(xì)的教程，這里我就不再演示了
就是這么懶
三、access_token的獲取、存儲(chǔ)及更新
1.微信文檔步驟
在開始碼代碼之前，我們依然是先理清實(shí)現(xiàn)的思路，在開始編寫實(shí)現(xiàn)代碼。打開 微信幫助文檔 ，點(diǎn)擊左側(cè)菜單中的開始開發(fā)，點(diǎn)擊其子菜單獲取access_token，如圖：
通過上面的 API 的描述，我們總結(jié)出以下步驟：
1.實(shí)現(xiàn) https Get 請(qǐng)求
2.獲取 access_token 并存儲(chǔ) 如果 當(dāng)前 access_token 過期則更新
2.access_token的獲取、存儲(chǔ)及更新 代碼實(shí)現(xiàn)
整理好思路后我們就按照上一節(jié)的步驟去實(shí)現(xiàn)。通過幫助文檔我們將用于請(qǐng)求微信API 的請(qǐng)求地址與參數(shù)，存放到 config.json 文件。
其中 appid 與 secret 兩個(gè)參數(shù) 位于 微信公眾平臺(tái) 左側(cè)菜單的基本配置中，如圖：
開發(fā)者密碼 點(diǎn)擊重置，用手機(jī)微信掃面二維碼后便可得到。config.json 代碼如下
{ "token":"wechat", "appID":"wx154f********764da", "appScrect":"59de4266*******8dbe9de4b798cd372", "apiDomain":"https://api.weixin.qq.com/", "apiURL":{ "accessTokenApi":"%scgi-bin/token?grant_type=client_credential&appid=%s&secret=%s" }}由于微信 API 請(qǐng)求連接的域名是公用的，我們將它提出來，在請(qǐng)求地址中使用 %s(字符串) 占位符占位。
微信所有請(qǐng)求連接都是 https 協(xié)議，很幸運(yùn)的是 Node.js 系統(tǒng)包中為我們提供了 https 的包，由于后面的請(qǐng)求會(huì)多次用到 https ，因此我們將它封裝為一個(gè)公用的方法，以便以后的使用，再次打開 wechat.js 在構(gòu)造方法中，引入 https 模塊，并在構(gòu)造函數(shù)內(nèi)部添加 requestGet 方法
//用于處理 https Get請(qǐng)求方法 this.requestGet = function(url){ return new Promise(function(resolve,reject){ https.get(url,function(res){ var buffer = [],result = ""; //監(jiān)聽 data 事件 res.on('data',function(data){ buffer.push(data); }); //監(jiān)聽 數(shù)據(jù)傳輸完成事件 res.on('end',function(){ result = Buffer.concat(buffer,buffer.length).toString('utf-8'); //將最后結(jié)果返回 resolve(result); }); }).on('error',function(err){ reject(err); }); }); }提示：
npm 提供了很多用于請(qǐng)求的工具包，比如 request ( 安裝命令 npm install request ) 等。這里我只是用系統(tǒng)包去做請(qǐng)求處理。
由于 https 是異步請(qǐng)求的，我在這里面使用了 ES6 的 Promise 對(duì)象 。
完成了 requestGet方法后，我們的第1步驟也就完成了。下面開始第2步，獲取 access_token 并存儲(chǔ) 如果 當(dāng)前 access_token 過期則更新。
在這之前我是想將 access_token 的存儲(chǔ)位置依然放在 config.json 文件中，由于 access_token 在更新后 需要將文件重寫，可能容易造成 config.json 文件的格式的紊亂，因此在 wechat 中重新創(chuàng)建一個(gè) accessToken.json 文件用于存儲(chǔ) access_token
{ "access_token":"", "expires_time":0}其中 access_token 用于存儲(chǔ) 我們 GET 請(qǐng)求后access_token 的值，expires_time 用于存儲(chǔ) access_token 的過期時(shí)間，保存為時(shí)間戳。
在 wechat.js 引入 fs 模塊用于操作文件、util 工具模塊用于處理占位符、 accessToken.json 文件
'use strict' //設(shè)置為嚴(yán)格模式const crypto = require('crypto'), //引入加密模塊 https = require('https'), //引入 htts 模塊 util = require('util'), //引入 util 工具包accessTokenJson = require('./access_token'); //引入本地存儲(chǔ)的 access_token//構(gòu)建 WeChat 對(duì)象 即 js中 函數(shù)就是對(duì)象var WeChat = function(config){ //設(shè)置 WeChat 對(duì)象屬性 config this.config = config; //設(shè)置 WeChat 對(duì)象屬性 token this.token = config.token; //設(shè)置 WeChat 對(duì)象屬性 appID this.appID = config.appID; //設(shè)置 WeChat 對(duì)象屬性 appScrect this.appScrect = config.appScrect; //設(shè)置 WeChat 對(duì)象屬性 apiDomain this.apiDomain = config.apiDomain; //設(shè)置 WeChat 對(duì)象屬性 apiURL this.apiDomain = config.apiURL; //用于處理 https Get請(qǐng)求方法 this.requestGet = function(url){ return new Promise(function(resolve,reject){ https.get(url,function(res){ var buffer = [],result = ""; //監(jiān)聽 data 事件 res.on('data',function(data){ buffer.push(data); }); //監(jiān)聽 數(shù)據(jù)傳輸完成事件 res.on('end',function(){ result = Buffer.concat(buffer,buffer.length).toString('utf-8'); //將最后結(jié)果返回 resolve(result); }); }).on('error',function(err){ reject(err); }); }); }}在 wechat.js 添加獲取 access_token 的方法 getAccessToken
/** * 獲取微信 access_token */WeChat.prototype.getAccessToken = function(){ var that = this; return new Promise(function(resolve,reject){ //獲取當(dāng)前時(shí)間 var currentTime = new Date().getTime(); //格式化請(qǐng)求地址 var url = util.format(that.apiURL.accessTokenApi,that.apiDomain,that.appID,that.appScrect); //判斷 本地存儲(chǔ)的 access_token 是否有效 if(accessTokenJson.access_token === "" || accessTokenJson.expires_time < currentTime){ that.requestGet(url).then(function(data){ var result = JSON.parse(data); if(data.indexOf("errcode") < 0){ accessTokenJson.access_token = result.access_token; accessTokenJson.expires_time = new Date().getTime() + (parseInt(result.expires_in) - 200) * 1000; //更新本地存儲(chǔ)的 fs.writeFile('./wechat/access_token.json',JSON.stringify(accessTokenJson)); //將獲取后的 access_token 返回 resolve(accessTokenJson.access_token); }else{ //將錯(cuò)誤返回 resolve(result); } }); }else{ //將本地存儲(chǔ)的 access_token 返回 resolve(accessTokenJson.access_token); } });}在 app.js 中添加新的監(jiān)聽鏈接用于測(cè)試 我們獲取的token
//用于請(qǐng)求獲取 access_tokenapp.get('/getAccessToken',function(req,res){ wechatApp.getAccessToken().then(function(data){ res.send(data); }); });
這樣我們就大功告成了！
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
