古話說: 萬事開頭難, 回頭細想想還真是這樣,在沒有開始做微信公眾號開發(fā)之前我以為它很復雜,但是學過之后只想說原來just so so~

這里是我的項目的github地址: https://github.com/muzishuiji/wechat

下面我就把我的學習過程做一下總結,希望可以幫助到有需要的人兒.粗鄙之見,恐有不足,歡迎指教(PS: 在閱讀下文之前,你應該對NodeJs和koa框架有一定的了解,會編寫簡單的項目,如果不是,建議你暫放這篇文章,來這里看看)!

我把我們這次的學習之旅比做一次烹飪美食的過程,那么首先,我們要準備好"烹飪"所需要的素材,如下(由于微信公眾號的認證流程很復雜,我一肉體凡胎恐無法解決,所以只有退而求其次,申請測試公眾號進行開發(fā)):

(1) node環(huán)境(我的node版本是8.8.0,npm 版本是4.5.2, windows系統(tǒng))

(2) 一個微信開放平臺的賬號

(3) 一臺服務器(嗯哼?沒有,我們有ngrok內網(wǎng)穿透)

額,似乎就沒有啥了,接下來,我們就要開始了,新鮮美味即將出爐,好激動,有木有?
首先,我們不得不大致了解一下這枯燥無味的開發(fā)者文檔,如果你實現(xiàn)看不進去也不要緊,和我一起,需要的時候再去看也行.

1.使用koa搭建一個后臺服務器,以下是我的入口文件和文件目錄截圖

//項目中用到的模塊都可在項目文件的package.json中查看, 你可以一次向安裝,也可以用到的時候再安裝.

2.接入微信公眾平臺及開發(fā)

微信公眾號的開發(fā)說白了就是我們搭建的服務器和微信服務器進行交互,我們的服務器根據(jù)需要調用微信開放平臺提供的相關接口,然后微信服務器在接收到我們服務器發(fā)送的請求后,會進行處理并將相關結果返回給微信公眾號的客戶端,從而實現(xiàn)相關功能.

點擊綁定測試號,進入一個綁定測試號的表單頁,然后點擊查看appID,得到接入認證需要的appID和appSecret,可以暫時不綁定,不影響測試.

然后一起來看文檔

這就是接入微信公眾平臺開發(fā)的相關文檔,在這過程中,我們需要一個代理域名來映射到我們本地的服務器,已使得微信的服務器可以通過域名與我們的本地服務器進行數(shù)據(jù)通信.

現(xiàn)在假設你已經(jīng)有了一個代理(如果沒有,先去看3),接下來,微信接入驗證.

接入示例代碼:

我所有用到的配置項都下載cofig文件夾下的cofig.js里

然后在router文件夾下的index.js中應用配置項,編寫路由的相關處理邏輯,代碼如下:

這些都編寫完畢就可以去微信開放平臺修改你測試公眾號的相關配置了,修改完成后點擊提交,知道看到配置成功的提示就說明修改成功了.因為使用的是代理服務器,所以有一兩次配置失敗屬正?，F(xiàn)象.

接下里,你就可以獲取access_token,調用相關接口,實現(xiàn)功能了.

3.使用ngrok進行內網(wǎng)轉發(fā)

首先去這個網(wǎng)站 https://ngrok.com/ 下載一個跟你操作系統(tǒng)相匹配的ngrok.exe,放到一個比較好找的地方.
然后運行你搭建的本地服務器,然后在你存放ngrok.exe的文件夾下,打開命令行窗口,執(zhí)行一下命令就可以得到一個代理域名.(具體命令由系統(tǒng)決定)

.\ngrok.exe http <你的node服務器的端口號>

然后將你得到的域名,執(zhí)行成功后的截圖,成功后轉去 2

好了,已成功接入微信公眾平臺,火已經(jīng)開了,油也已經(jīng)熱了,可以放菜了.

最新評論