最近又拾起了微信開(kāi)發(fā),之前的公眾號(hào)是用的flask進(jìn)行開(kāi)發(fā)的,所以最近想要用nodejs改寫(xiě)一下,這些算是記錄吧,邊寫(xiě)代碼邊寫(xiě)下這篇文章。
因?yàn)槲覍?duì)nodejs也并不是那么的熟悉,僅僅是新手的狀態(tài),如果有錯(cuò)誤的地方請(qǐng)指出。
文章最后會(huì)放出源碼。公眾號(hào)部署在leancloud,這里也會(huì)稍微介紹一下leancloud的云引擎,方便部署。
這部分文章涉及的代碼不多,多是工具的介紹以及一個(gè)接入指南。
內(nèi)網(wǎng)穿透
由于微信開(kāi)發(fā)的端口必須是80(最近貌似增加了443),所以一個(gè)內(nèi)網(wǎng)穿透工具還是很有必要的。我個(gè)人使用的是qq瀏覽器微信調(diào)試工具。
我也推薦這個(gè),畢竟一家的。
但是也有其他的選擇:
花生殼
這個(gè)速度還可以,但是只有window客戶端的,貌似還可以折騰路由器那邊的東西,我也沒(méi)深入折騰。
nat123
與花生殼類(lèi)似,但是速度著實(shí)不太給力。經(jīng)常配置錯(cuò)誤。說(shuō)是免費(fèi)但是需要預(yù)充幾塊錢(qián)進(jìn)去,不是很推薦。
ngrok
一個(gè)開(kāi)源軟件,可以自己在服務(wù)器上部署也可以使用現(xiàn)成的,其實(shí)qq瀏覽器的微信調(diào)試就是基于這個(gè)搭建的。算是比較好用的。
leancloud
為什么使用leancloud,其實(shí)是我沒(méi)太接觸其他的云服務(wù),也無(wú)從比較,另外一個(gè)就是heroku,但是國(guó)內(nèi)的訪問(wèn)速度感人。
leancloud應(yīng)該是一個(gè)類(lèi)似parse(其實(shí)parse我也不是很了解hhhh)的服務(wù),但還提供了托管web的云引擎。包括python和nodejs兩種,這里介紹nodejs的引擎。云引擎入門(mén)的話請(qǐng)看leancloud云引擎入門(mén),畢竟比我講的強(qiáng)多了。
對(duì)于個(gè)人開(kāi)發(fā)者,leancloud算是免費(fèi)的,限制不是很大,但是貌似最近出了個(gè)實(shí)名認(rèn)證,但是沒(méi)認(rèn)證好像也沒(méi)啥問(wèn)題。但是對(duì)于面試用戶,如果應(yīng)用沒(méi)有請(qǐng)求,就是睡眠,所以如果應(yīng)用打不開(kāi)多試兩次就行了,極有可能是睡眠了。
常用命令
lean new新建項(xiàng)目
lean app add [appname] [appid] 關(guān)聯(lián)項(xiàng)目到leancloud 云引擎
lean up 啟動(dòng)服務(wù)
lean deploy部署應(yīng)用(貌似收費(fèi)用戶是部署到測(cè)試環(huán)境)
lean publish部署到開(kāi)發(fā)環(huán)境(免費(fèi)用戶用不著)
云引擎簡(jiǎn)介
進(jìn)入控制臺(tái)后如圖所示:
存儲(chǔ)是數(shù)據(jù)庫(kù),各個(gè)功能如名字所說(shuō)。一些暫時(shí)用不著的功能就不提了。
主要是云引擎這個(gè)選項(xiàng),需要進(jìn)入設(shè)置中配置好域名。
數(shù)據(jù)庫(kù)
leancloud的數(shù)據(jù)庫(kù)是一個(gè)半殘的mongo,基本是夠用的。文檔在這js數(shù)據(jù)開(kāi)發(fā)
公眾號(hào)的接入
我這邊使用的是公眾號(hào)測(cè)試號(hào),因?yàn)閭€(gè)人申請(qǐng)到的訂閱號(hào)的功能?chē)?yán)重缺失。
首先看微信文檔
填寫(xiě)服務(wù)器配置
也就上圖的接口配置信息,url是你服務(wù)部署的地方,圖中的url是微信調(diào)試工具生成的,所以有些亂,token是隨意填寫(xiě)的,注意下面還是要用到的,注意保存好。
驗(yàn)證服務(wù)器地址的有效性
這里就是代碼部分了。先上目錄結(jié)構(gòu):
app目錄放業(yè)務(wù)邏輯代碼。
config.js存放相關(guān)配置,包括微信公眾號(hào)的appId ,Token等
module.exports = { 'token': 'yourtoken',//配置中的token 'appId': 'your appid',//配置里的appid 'appSecret': 'your appsecret'//配置中的appsecret};注:這部分引自微信公眾平臺(tái)文檔
開(kāi)發(fā)者提交信息后,微信服務(wù)器將發(fā)送GET請(qǐng)求到填寫(xiě)的服務(wù)器地址URL上,GET請(qǐng)求攜帶參數(shù)如下表所示:
通過(guò)檢驗(yàn)signature對(duì)請(qǐng)求進(jìn)行校驗(yàn)(下面有校驗(yàn)方式)。若確認(rèn)此次GET請(qǐng)求來(lái)自微信服務(wù)器,請(qǐng)?jiān)瓨臃祷豦chostr參數(shù)內(nèi)容,則接入生效,成為開(kāi)發(fā)者成功,否則接入失敗。加密/校驗(yàn)流程如下:
1)將token、timestamp、nonce三個(gè)參數(shù)進(jìn)行字典序排序
2)將三個(gè)參數(shù)字符串拼接成一個(gè)字符串進(jìn)行sha1加密
3)開(kāi)發(fā)者獲得加密后的字符串可與signature對(duì)比,標(biāo)識(shí)該請(qǐng)求來(lái)源于微信
這部分的代碼如下:
const crypto = require('crypto');const path = require('path');const url = require('url');//import configconst config = require('../../config');//進(jìn)行sha1加密function sha1(str) { var shasum = crypto.createHash("sha1"); shasum.update(str); str = shasum.digest("hex"); return str;}function wechatAuth(req, res) { var query = url.parse(req.url, true).query; var signature = query.signature; var echostr = query.echostr; var timestamp = query['timestamp']; var nonce = query.nonce; var reqArray = [nonce, timestamp, config.token]; //對(duì)數(shù)組進(jìn)行字典排序 reqArray.sort(); var sortStr = reqArray.join('');//連接數(shù)組 var sha1Str = sha1(sortStr); if (signature === sha1Str) { res.end(echostr); } else { res.end("false"); console.log("授權(quán)失敗!"); }}module.exports = wechatAuth; 相信代碼說(shuō)的總是比我清楚,首先獲取請(qǐng)求url中的四個(gè)參數(shù),對(duì)nonce,timestamp, 和token進(jìn)行字典排序也就是Array.sort(),然后進(jìn)行字符串拼接,進(jìn)行sha1加密,如果結(jié)果和signature相等則成功,(順便說(shuō)一句,其實(shí)直接返回echostr也是可以成功的,不過(guò)后面的請(qǐng)求就不太好辦了?)。
這樣來(lái)說(shuō)接入應(yīng)該就算是成功了。
首先github地址奉上:https://github.com/xiadd/shorthand
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點(diǎn)
疑難解答