利用OpenShift托管Node.js Web服务进行微信公众号开发

最近写了一个微信的翻译机器人。用户只要关注该公众号,发送英文的消息,就能收到中文翻译的回复。有兴趣的读者可以扫描下面的二维码关注该公众号,尝试发送英文单词试试看。(有时候第一次发送单词会收到“该公众号暂时无法提供服务,请稍后再试”的消息。这种情况下不要紧,等一会再试就可以了)

利用OpenShift托管Node.js Web服务进行微信公众号开发

服务的后台是用Node.js写的,托管在OpenShift的Paas平台上。翻译过程实际上是调用微软的Bing translation API做的,代码中用到了alexu84的bing-translate和JacksonTian的wechat这两个npm模块。下面把做的过程详细说一下。

1. 微信公众号开发

首先是要到https://mp.weixin.qq.com 申请一个公众号,并申请成为开发者。目前个人只能申请订阅号,不过订阅号也可以和用户进行消息的交互,这对我们的应用来说足够了。

成为开发者后,微信会给你一个AppID和一个AppSecret,都是一长串的字符串。在开发我们这个应用时,只要用到AppID。

微信客户端会接受用户输入的消息,并把它们转给我们的Web服务。所以微信会要求我们填写我们Web服务的URL地址,Token(令牌),EncodingAESKey(消息加解密密钥)。页面如下图所示:

利用OpenShift托管Node.js Web服务进行微信公众号开发

大致上,填写好信息并提交后,微信服务器会发送一个GET请求到我们的Web服务,携带上Token和一个随机字符串。我们的Web服务必须按照微信开发者文档规定的方式处理这个请求,原样返回这个随机字符串,这样微信服务器才认为我们的Web服务是符合它的接入要求的。微信服务器转发消息给我们自己的Web服务时,是以一个POST消息携带上一个XML数据包,我们的web服务必须解析这个XML数据包才能取得用户发的消息。同样,当我们回复消息给微信服务器时,也要满足其规定的要求。所有这些,在微信的开发者文档中都有详细的描述。

我们当然可以仔细阅读微信的开发者文档,并自己按要求一一实现对应的接口,不过这样太麻烦了:-)。更方便的方式是使用JacksonTian的微信开发Node.js模块。使用这个模块,我们只需要填入我们的Token,APPID以及EncodingAESKey,它自动就帮我们处理好微信服务器的验证请求,并允许我们直接获取/回复用户的字符串消息,使我们不用处理XML数据解析等细节问题。在下文我会详细介绍如何使用这个模块。

2. 利用OpenShift托管Node.js Web服务

首先,我们要知道如何用Node.js开发一个Web服务。基本上,利用express模块,只需几行代码就可以搭起一个Web服务,像这样:

var express = require('express');

var app = express();
app.listen(80); app.get('/', function (req, res) {
res.send("hello world');
});

搭建好web服务后,我们需要一个拥有公有IP的服务器来运行这些代码。在这里我使用免费的OpenShift应用托管服务。

Youtube上有一个很好的视频介绍如何利用OpenShift建立和发布一个Node.js应用,step by step级别的,非常的详细。我们只需要看前30分钟就行了。基本上,OpenShift使用git来管理代码开发以及发布的过程。你建立一个应用,OpenShift就在云端为你创建了一个Git仓库,包含一个示例的Node.js应用,并把它在云端运行起来了。我们只要把这个Git仓库的代码Clone到本地,修改其中的server.js,并把修改好的代码push到云端,OpenShift就会自动帮我们停掉当前的示例服务,重新编译代码,重新发布并把我们修改过后的服务运行起来。超级的简单,是不是?

下面是稍微详细一点的步骤:

1)安装OpenShift的客户端工具rhc,我们需要利用这个工具创建、发布Node.js应用

2)在命令行窗口运行:

$ rhc app create <my app name> nodejs-0.10

这个命令为我们在云端创建了一个Git仓库,把内含的示例应用运行起来,并把代码帮我们clone到了本地。

3)修改server.js,运行:

$ git commit -am <some comment>

$ git push

我们自己的web服务就在云端运行起来了!

3. 使用bing-translate 和wechat NPM module

这一部分稍微详细介绍一下如何修改server.js,也就是如何使用bing-translate和wechat这两个NPM模块的。

还是直接上代码吧,因为总共就不到40行。其中第18行展示了如何使用wechat,第23行展示了如何使用bing-translate。

var express = require('express');
var kutil = require('./util/kutil.js');
var wechat = require('wechat'); var server_port = process.env.OPENSHIFT_NODEJS_PORT || 8080
var server_ip_address = process.env.OPENSHIFT_NODEJS_IP || '127.0.0.1' var client_id_secret = kutil.readJsonFromFile('./res/client_id_secret.json');
var wechat_app_config = kutil.readJsonFromFile('./res/wechat_app_config.json'); var bt = require('./util/bing-translate.js').init(client_id_secret); var app = express();
app.listen(server_port, server_ip_address); // wechat API
app.use(express.query());
app.use('/wechat', wechat(wechat_app_config, function (req, res, next) {
var message = req.weixin;
if (message.MsgType == 'text') {
var input_word = message.Content; bt.translate(input_word, 'en', 'zh-CHS', function (translate_err, translate_res) {
if (translate_err) {
res.reply({
content: 'translation error',
type: 'text'
});
return;
} var translate_result = translate_res["translated_text"];
res.reply({
content: translate_result,
type: 'text'
});
});
}
}));

因为不想在开源的代码中明文写上APPID等敏感信息,我又写了一个util从Json文件中读取这些信息。第8行是读Bing translation app的ID和secret,第9行是读微信的APPID。这些信息分别写在两个Json文件中,格式如下:

{
"client_id": "your-Bing-translator-app-client_id",
"client_secret": "your-Bing-translator-app-client_secret"
}
{
"token": "your_wechat_app_token",
"appid": "your_wechat_app_appid",
"encodingAESKey": "your_wechat_app_AESKey"
}

另外,有人可能会注意到我没有直接使用bing-translate模块,而是引用了一个本地的bing-translate.js文件。这是因为我对该模块的源文件做了少量的改动,主要是在本地cache了一个Bing translation API的token,这样就不用每次翻译的时候都去调微软的Web API重新拿token了,翻译响应的速度会大大提高。有空的时候我会把这个改动push给alexu84试试看。

4. 关于Microsoft Bing Translation API

大家都注意到在上一部分我们要填入Bing Translation的client ID和client secret。这是因为Bing Translation API也是一个Web服务,我们需要到这个页面去申请一个Bing Translation的app,申请好后,就有了我们自己的client ID 和 secret。当然这里可能涉及到要注册微软的账号什么的,在此就不赘述了。

最后,我的代码都放到了GitHub上,除了把APPID和secret什么的替换成示例的字符串,其他的就和我在OpenShift上发布的代码一模一样了。

参考资源

1. Jose Annunziato: 如何利用OpenShift 发布 Node.js应用的视频 https://www.youtube.com/watch?v=wnRtA7a0ST0

2. alexu84: Bing translation API 的Node.js wrapper https://github.com/alexu84/bing-translatehttps://github.com/alexu84/bing-translate

3. JacksonTian: 微信API的Node.js wrapper https://github.com/node-webot/wechat

4. Bing Translation API: http://blogs.msdn.com/b/translation/p/gettingstarted1.aspx

5. 我的代码示例:https://github.com/kaige/KDict/tree/master/openshift_host_code/kdict

上一篇:Tomcat安装与配置


下一篇:jquery 学习