摘要:古話說(shuō)萬(wàn)事開頭難回頭細(xì)想想還真是這樣在沒(méi)有開始做微信公眾號(hào)開發(fā)之前我以為它很復(fù)雜但是學(xué)過(guò)之后只想說(shuō)原來(lái)這里是我的項(xiàng)目的地址下面我就把我的學(xué)習(xí)過(guò)程做一下總結(jié)希望可以幫助到有需要的人兒粗鄙之見恐有不足歡迎指教在閱讀下文之前你應(yīng)該對(duì)和框架有一定的
古話說(shuō): 萬(wàn)事開頭難, 回頭細(xì)想想還真是這樣,在沒(méi)有開始做微信公眾號(hào)開發(fā)之前我以為它很復(fù)雜,但是學(xué)過(guò)之后只想說(shuō)原來(lái)just so so~
這里是我的項(xiàng)目的github地址: https://github.com/muzishuiji...
下面我就把我的學(xué)習(xí)過(guò)程做一下總結(jié),希望可以幫助到有需要的人兒.粗鄙之見,恐有不足,歡迎指教(PS: 在閱讀下文之前,你應(yīng)該對(duì)NodeJs和koa框架有一定的了解,會(huì)編寫簡(jiǎn)單的項(xiàng)目,如果不是,建議你暫放這篇文章,來(lái)這里看看)!
我把我們這次的學(xué)習(xí)之旅比做一次烹飪美食的過(guò)程,那么首先,我們要準(zhǔn)備好"烹飪"所需要的素材,如下(由于微信公眾號(hào)的認(rèn)證流程很復(fù)雜,我一肉體凡胎恐無(wú)法解決,所以只有退而求其次,申請(qǐng)測(cè)試公眾號(hào)進(jìn)行開發(fā)):
(1) node環(huán)境(我的node版本是8.8.0,npm 版本是4.5.2, windows系統(tǒng))
(2) 一個(gè)微信開放平臺(tái)的賬號(hào)
(3) 一臺(tái)服務(wù)器(嗯哼?沒(méi)有,我們有ngrok內(nèi)網(wǎng)穿透)
額,似乎就沒(méi)有啥了,接下來(lái),我們就要開始了,新鮮美味即將出爐,好激動(dòng),有木有?
首先,我們不得不大致了解一下這枯燥無(wú)味的開發(fā)者文檔,如果你實(shí)現(xiàn)看不進(jìn)去也不要緊,和我一起,需要的時(shí)候再去看也行.
//項(xiàng)目中用到的模塊都可在項(xiàng)目文件的package.json中查看, 你可以一次向安裝,也可以用到的時(shí)候再安裝.
2.接入微信公眾平臺(tái)及開發(fā)微信公眾號(hào)的開發(fā)說(shuō)白了就是我們搭建的服務(wù)器和微信服務(wù)器進(jìn)行交互,我們的服務(wù)器根據(jù)需要調(diào)用微信開放平臺(tái)提供的相關(guān)接口,然后微信服務(wù)器在接收到我們服務(wù)器發(fā)送的請(qǐng)求后,會(huì)進(jìn)行處理并將相關(guān)結(jié)果返回給微信公眾號(hào)的客戶端,從而實(shí)現(xiàn)相關(guān)功能.
點(diǎn)擊綁定測(cè)試號(hào),進(jìn)入一個(gè)綁定測(cè)試號(hào)的表單頁(yè),然后點(diǎn)擊查看appID,得到接入認(rèn)證需要的appID和appSecret,可以暫時(shí)不綁定,不影響測(cè)試.
然后一起來(lái)看文檔
這就是接入微信公眾平臺(tái)開發(fā)的相關(guān)文檔,在這過(guò)程中,我們需要一個(gè)代理域名來(lái)映射到我們本地的服務(wù)器,已使得微信的服務(wù)器可以通過(guò)域名與我們的本地服務(wù)器進(jìn)行數(shù)據(jù)通信.
現(xiàn)在假設(shè)你已經(jīng)有了一個(gè)代理(如果沒(méi)有,先去看3),接下來(lái),微信接入驗(yàn)證.
接入示例代碼:
我所有用到的配置項(xiàng)都下載cofig文件夾下的cofig.js里
然后在router文件夾下的index.js中應(yīng)用配置項(xiàng),編寫路由的相關(guān)處理邏輯,代碼如下:
這些都編寫完畢就可以去微信開放平臺(tái)修改你測(cè)試公眾號(hào)的相關(guān)配置了,修改完成后點(diǎn)擊提交,知道看到配置成功的提示就說(shuō)明修改成功了.因?yàn)槭褂玫氖谴矸?wù)器,所以有一兩次配置失敗屬正?,F(xiàn)象.
接下里,你就可以獲取access_token,調(diào)用相關(guān)接口,實(shí)現(xiàn)功能了.
3.使用ngrok進(jìn)行內(nèi)網(wǎng)轉(zhuǎn)發(fā)首先去這個(gè)網(wǎng)站 https://ngrok.com/ 下載一個(gè)跟你操作系統(tǒng)相匹配的ngrok.exe,放到一個(gè)比較好找的地方.
然后運(yùn)行你搭建的本地服務(wù)器,然后在你存放ngrok.exe的文件夾下,打開命令行窗口,執(zhí)行一下命令就可以得到一個(gè)代理域名.(具體命令由系統(tǒng)決定)
. grok.exe http <你的node服務(wù)器的端口號(hào)>
然后將你得到的域名,執(zhí)行成功后的截圖,成功后轉(zhuǎn)去 2
好了,已成功接入微信公眾平臺(tái),火已經(jīng)開了,油也已經(jīng)熱了,可以放菜了.
待續(xù)...
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/90259.html
摘要:背景比特幣說(shuō)好的分叉最后卻分叉不成,如今算力又不夠,于是比特現(xiàn)金想篡位沒(méi)一個(gè)星期就漲了快倍,錯(cuò)過(guò)這趟快車甚是后悔,于是打算寫一個(gè)可不定期推送最新消息的微信公眾號(hào)。既然是利用微信這個(gè)平臺(tái)載體,當(dāng)然要熟悉微信的,遂封裝了一下。 背景:比特幣說(shuō)好的segwit2x分叉最后卻分叉不成,如今算力又不夠,于是比特現(xiàn)金想篡位? 沒(méi)一個(gè)星期就漲了快10倍,錯(cuò)過(guò)這趟快車甚是后悔,于是打算寫一個(gè)可不定期推...
摘要:原文見我的博客,點(diǎn)擊進(jìn)入使用開發(fā)微信公眾號(hào)下站點(diǎn)的填坑之旅本文為我創(chuàng)業(yè)過(guò)程中,開發(fā)項(xiàng)目的填坑之旅。作為一個(gè)技術(shù)宅男,我的項(xiàng)目是做一個(gè)微信公眾號(hào),前后端全部自己搞定,不浪費(fèi)國(guó)家一分錢。 原文見我的博客,點(diǎn)擊進(jìn)入使用vue開發(fā)微信公眾號(hào)下SPA站點(diǎn)的填坑之旅 本文為我創(chuàng)業(yè)過(guò)程中,開發(fā)項(xiàng)目的填坑之旅。作為一個(gè)技術(shù)宅男,我的項(xiàng)目是做一個(gè)微信公眾號(hào),前后端全部自己搞定,不浪費(fèi)國(guó)家一分錢^_^。 ...
摘要:如上圖,一看就懂,就是一片公眾號(hào)文章,點(diǎn)進(jìn)去顯示標(biāo)題,作者,時(shí)間,公眾號(hào)名稱和部分內(nèi)容,要想閱讀所有內(nèi)容,那就支付元就可以閱讀所有的內(nèi)容,這就是付費(fèi)閱讀當(dāng)然金額可以自定義其實(shí)這個(gè)開發(fā)原理很簡(jiǎn)單,無(wú)非就是在文章頁(yè)面加一個(gè)微信支付的按鈕,點(diǎn)擊支 showImg(https://segmentfault.com/img/bV2ZIZ?w=1502&h=1334); 如上圖,一看就懂,就是一片...
摘要:如上圖,一看就懂,就是一片公眾號(hào)文章,點(diǎn)進(jìn)去顯示標(biāo)題,作者,時(shí)間,公眾號(hào)名稱和部分內(nèi)容,要想閱讀所有內(nèi)容,那就支付元就可以閱讀所有的內(nèi)容,這就是付費(fèi)閱讀當(dāng)然金額可以自定義其實(shí)這個(gè)開發(fā)原理很簡(jiǎn)單,無(wú)非就是在文章頁(yè)面加一個(gè)微信支付的按鈕,點(diǎn)擊支 showImg(https://segmentfault.com/img/bV2ZIZ?w=1502&h=1334); 如上圖,一看就懂,就是一片...
摘要:微信公眾號(hào)是基于開發(fā)的。點(diǎn)擊圖文可以顯示視頻的詳細(xì)信息。目錄是微信的配置接口文件爬取網(wǎng)絡(luò)內(nèi)容存儲(chǔ)工具微信相關(guān)位置菜單中間件模板文件微信配置文件微信回復(fù)文件主入口。相關(guān)詳細(xì)信息可以歡迎。 wxmk微信公眾號(hào)是基于koa開發(fā)的。 效果 showImg(https://segmentfault.com/img/bVOcBy?w=750&h=1334); showImg(https://seg...
閱讀 1494·2021-09-23 11:21
閱讀 3170·2019-08-30 14:14
閱讀 3247·2019-08-30 13:56
閱讀 4260·2019-08-30 11:20
閱讀 2018·2019-08-29 17:23
閱讀 2835·2019-08-29 16:14
閱讀 1760·2019-08-28 18:18
閱讀 1542·2019-08-26 12:14