DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 使用Nodejs開發微信公眾號後台服務實例教程
使用Nodejs開發微信公眾號後台服務實例教程
編輯:關於JavaScript     

摘要:

微信,龐大的用戶基數,極強的用戶粘性,在近兩年吸引了無數的開發者注意力。 Nodejs,近兩年發展非常快的開發工具,尤其適合構建移動後台。本文就以筆者自己開發的實例,來描述如何基於Nodejs開發屬於自己的微信公眾號。在這個實例中,主要使用到了express, wechat, mongodb, monk等模塊。

前期准備:

1.申請微信公眾號,前往 https://mp.weixin.qq.com/  申請,這裡不做過多闡述。

2. 購買服務器, 這裡推薦Amazon的EC2,首次用戶可選擇micro instance,一年免費,申請很方便,只需輸入自己的信用卡信息即可,只是整個過程是全英文,不過年免費呦,多花點時間也是值得的。

安裝NodeJs開發環境:
復制代碼 代碼如下:
1.  yum -y install gcc
2.  yum -y install gcc-c++
3.  yum -y install make automake
4.  wget http://nodejs.org/dist/v0.10.29/node-v0.10.29.tar.gz
5.  tar -xvzf node-v0.10.29.tar.gz
6.  cd  解壓目錄
7. ./configure
8.  make
9.  make install

安裝Mongodb:
復制代碼 代碼如下:
1. wget http://downloads.10gen.com/linux/mongodb-linux-x86_64-enterprise-amzn64-2.6.3.tgz
2. tar -xvzf mongodb-linux-x86_64-enterprise-amzn64-2.6.3.tgz
3. sudo cp -R -n  mongodb-linux-x86_64-enterprise-amzn64-2.6.3 /usr/local/mongodb

實例介紹:

筆者所在班級組了個足球隊,大家統一把錢交到隊長手裡,由隊長支付每次費用,並記錄每人費用和余額並通知大家。由於不是每次所有人都能來,而費用只能由參加活動的人以AA方式平攤,記錄起來比較麻煩。於是筆者就做了個微信公眾號,每次只需要輸入活動消費金額和選擇參與人數,即可自動生成每人花費和余額,此後把明細發到微信群裡,每個人就可以看見了。 

在這個實例中,筆者實際上搭建了一個微網站,通過Web頁面來記錄或顯示活動花費和余額。微信公眾號就相當於在用戶微信和微網站之間搭起了一個橋梁,當微信用戶關注筆者的公眾賬號時,通過微信公眾平台開發者模式,即可自動給微信用戶回復使用幫助。在幫助裡,包含了操作相應的web link,只需要點擊即可進入相應頁面。

構建微信公眾號後台服務:

萬事具備,只欠開發了:)

開始之前,先簡要介紹下express和wechat 兩個模塊:
express - 優秀的Web開發框架, 使用express,可以非常快速的搭建自己的網站。由於微信服務器會通過HTTP Post請求來和開發者服務器交互,所以需要使用express框架。

下面是有新用戶關注時的log, 103.7.30.84為微信服務器的IP地址。
復制代碼 代碼如下:
103.7.30.84 POST /wechat?signature=8a8e408fdae6bbdd6e470af98865a5f993cea283×tamp=1408610461&nonce=1572142586 2 200

wechat -  封裝了和微信服務器交互的細節,使開發者只需關注自己的業務即可。

首先,我們要安裝express 並使用express 來創建工程:
復制代碼 代碼如下:1. npm install -g express
2. express -e your_project    參數 -e 表明使用ejs 引擎,無參數默認使用jade 引擎。
3. cd your_project && npm install

安裝後的目錄結構如下:
復制代碼 代碼如下:
[ec2-user@ip-172-31-2-188 your_project]$ ls
app.js  bin  node_modules  package.json  public  routes  views

接下來安裝wechat:
復制代碼 代碼如下:
1. npm install wechat

微信開發者模式配置:

配置URL和token,示例如下:

微信服務器接入認證和自動回復:

修改app.js,相應代碼如下:

復制代碼 代碼如下:

app.use('/users', users);
app.use('/weixin', weixin);

app.use(express.query()); // Or app.use(express.query());
app.use('/wechat', wechat('hchismylove', function (req, res, next) {
 // 微信輸入信息都在req.weixin上
 var message = req.weixin;
 console.log(message);

 if((message.MsgType == 'event') && (message.Event == 'subscribe'))
 {
  var refillStr = "<a href=\"http://your_IP/weixin/refill?weixinId=" + message.FromUserName + "\">1. 點擊記錄團隊充值</a>"
      
  var consumeStr = "<a href=\"http://your_IP/weixin/consume?weixinId=" + message.FromUserName + "\">2. 點擊記錄團隊消費</a>"

  var deleteStr = "<a href=\"http://your_IP/weixin/delete?weixinId=" + message.FromUserName + "\">3. 點擊回退記錄</a>"      

  var historyStr = "<a href=\"http://your_IP/weixin/history?weixinId=" + message.FromUserName + "\">4. 點擊查詢歷史記錄</a>"
      
  var emptyStr = "          ";    
  var replyStr = "感謝你的關注!" + "\n"+ emptyStr + "\n" + refillStr + "\n"+ emptyStr + "\n" + consumeStr
          + "\n"+ emptyStr + "\n" + deleteStr + "\n"+ emptyStr + "\n" + historyStr;
  res.reply(replyStr);
 }
}));

通過下面這行代碼即可實現微信服務器接入認證:
復制代碼 代碼如下:app.use('/wechat', wechat('your_token', function (req, res, next) {

如下代碼實現了當新用戶關注時,自動發送使用幫助:

復制代碼 代碼如下:
if((message.MsgType == 'event') && (message.Event == 'subscribe')) 

    .... 
    res.reply(replyStr); 

微信截圖如下:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved