入门到放弃node系列之公众号开发实战二（Express篇）

最新推荐文章于 2020-10-12 20:05:32 发布

拯救世界的小安安

最新推荐文章于 2020-10-12 20:05:32 发布

阅读量347

点赞数 1

分类专栏：全干工程师

本文链接：https://blog.csdn.net/vaelongchen/article/details/78674542

版权

全干工程师专栏收录该内容

27 篇文章 0 订阅

订阅专栏

续节

本文首发公众号【一名打字员】

上回书说到，师徒四人途经狮驼国，狮驼国三位国师对唐僧心怀不轨，要与师徒四人进行斗法。咳，跑偏了跑偏了。

大家静一静，上一次最后我们介绍了Express的模板引擎，今天我们接着上次的继续。

庖丁解牛（续）

更换模板引擎

首先我们在 package.json 文件中 dependencies 节点增加包：

 "ejs": "~2.5.2",

执行 npm install 编译过后，修改 app.js 文件中的模板渲染一行。

//将jade换成ejs
app.set('view engine', 'ejs');

然后将 index.jade 换成 index.ejs ，因为现在我们已经将模板切换到ejs了。
下面是 index.js 文件内容。

<%include header.ejs %>
    <p>Wecolme to <%=title%></p>
<%include footer.ejs %>

现在java程序员是不是看着顺眼了很多呢，这仅仅是个人习惯，仅供参考。

现在我们回顾一下整体工程的目录结构：

- bin            # 命令文件
- node_modules   # 下载的依赖包
- public         # 静态资源目录
- routes         # 路由文件
- views          # 视图模板文件
  app.js         # 入口文件
  package.json   # 工程依赖配置文件

现在相信大家对整个项目已经有了基本的认识了，接下来我们就开始对微信公众号的集成了。

集成微信公众号

关于微信公众平台的开发文档可以去官网获取，里面有很详细的介绍，以下配图步骤均来自官方文档：
从文档里面我们可以知道，首先我们必须要在自己公众号的后台进行服务器的配置。

这里写图片描述

然后填上我们的服务器配置，由于我们暂时还没有写，所以这里暂时先写上 http://www.dailyguitar.cc/wechat/index。

接下来我们就得写对 /wechat/index 的处理了。

验证服务端的有效性

微信会对上面我们填写的地址进行有效性的检测，它会用请求我们的地址，我们必须对它请求过来的参数进行解密，然后返回同样的数据给它，否则将无法使用公众平台的相关接口。

首先我们在 index.js 中加入如下代码，

/* 微信校验 */
var token="weixin";

router.get('/wechat/index', function(req, res, next) {
  try{
        var signature = req.query.signature;
        var timestamp = req.query.timestamp;
        var nonce = req.query.nonce;
        var echostr = req.query.echostr;
        /*  加密/校验流程如下： */
        //1. 将token、timestamp、nonce三个参数进行字典序排序
        var array = new Array(token,timestamp,nonce);
        array.sort();
        var str = array.toString().replace(/,/g,"");
        //2. 将三个参数字符串拼接成一个字符串进行sha1加密
        var sha1Code = crypto.createHash("sha1");
        var code = sha1Code.update(str,'utf-8').digest("hex");
        //3. 获得加密后的字符串可与signature对比，标识该请求来源于微信
        if(code===signature){
            res.send(echostr);
            console.log(""+echostr);
        }else{
            res.send("error");
        }
    }catch(error){
        console.log("error:"+error);
    }
});

其中我们用到了一个加密模块 crypto ，我们需要手动引用一下，然后我们将项目运行起来，由于微信需要用到域名否则无法进行调试，这里本猿推荐两个内网穿透工具，一个是花生壳一个叫做ngrok，大家可以自己研究研究。

到这里其实与微信的对接已经完成了，在微信后台我们就可以配置成功了，记得别忘了我们的token哟。

处理微信消息

当用户和我们的公众号发生操作的时候，微信会发送post请求到我们配置的URL中，所以我们只需要接收微信发过来的xml数据进行解析，并以xml的格式返回数据即可完成对消息的回复。
所以我们得对 index.js 再增加一个post的捕捉。

/* 微信消息处理 */
router.post('/wechat/index', function(req, res, next) {
  try{
        var bodyData;
        req.on("data",function(data){
            /*微信服务器传过来的是xml格式的，是buffer类型，
                需要通过toString把xml转换为字符串*/
            bodyData = data.toString("utf-8");

        });
        req.on("end",function(){
            var ToUserName = getXMLNodeValue('ToUserName',bodyData);
            var FromUserName = getXMLNodeValue('FromUserName',bodyData);
            var CreateTime = getXMLNodeValue('CreateTime',bodyData);
            var MsgType = getXMLNodeValue('MsgType',bodyData);
            var Content = getXMLNodeValue('Content',bodyData);
            var MsgId = getXMLNodeValue('MsgId',bodyData);
            console.log(ToUserName);
            console.log(FromUserName);
            console.log(CreateTime);
            console.log(MsgType);
            console.log(Content);
            console.log(MsgId);
            var xml = '<xml><ToUserName>'+FromUserName+'</ToUserName><FromUserName>'+ToUserName+'</FromUserName><CreateTime>'+CreateTime+'</CreateTime><MsgType>'+MsgType+'</MsgType><Content>'+Content+'</Content></xml>';
            res.send(xml);
        });
    }catch(error){
        console.log("error:"+error);
    }
});

/* 获取节点 */
function getXMLNodeValue(node_name,xml){
    var str = xml.split("<"+node_name+">");
    var tempStr = str[1].split("</"+node_name+">");
    return tempStr[0];
}