<![CDATA[\"+ item.Title +\"]]>

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_11":-5},"routes/user.$name.collections",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":16},"topics",[34],"user",{"_20":21,"_13":14,"_22":23,"_24":14,"_25":26,"_27":28,"_29":30,"_31":16,"_32":33},"loginname","xiaotiandada","page",1,"limit",20,"total","id","31906","avatar_url","https://avatars2.githubusercontent.com/u/24250627?v=4","githubUsername","create_at","2018-02-05 14:33:27.828","score",5,"topic_count",0,"reply_count","is_star",false,{"_20":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":33,"_31":49,"_50":51,"_25":52,"_53":54},"25530","author_id","28174","tab","share","content",">[【Node.js 微信公众号实战】1.Node.js 接入微信公众平台开发](http://cnodejs.org/topic/59294bff9e32cc84569a746a)\r\n>[【Node.js 微信公众号实战】2.Node.js access_token的获取、存储及更新](http://cnodejs.org/topic/5933d125739a92064a1bd4b6)\r\n>[【Node.js 微信公众号实战】3.Node.js 自定义微信菜单](https://cnodejs.org/topic/593668946b7ebe7e2979d8c6)\r\n>[【Node.js 微信公众号实战】4.Node.js 微信消息管理](https://cnodejs.org/topic/5939fa64d3575f1303de3aab)\r\n \r\n\r\n# 一、写在前面的话\r\n 当用户发送消息给公众号时（或某些特定的用户操作引发的事件推送时），会产生一个POST请求，开发者可以在响应包（Get）中返回特定XML结构，来对该消息进行响应。\r\n\r\n 消息推送也是微信公众号开发更为有趣的功能，涉及到文本消息、图片消息、语音消息、视频消息、音乐消息以及图文消息。并且最为有趣的功能当属消息加解密了，当然由于篇文章篇幅的原因我会在下一篇文章中去着重说明。\r\n\r\n![我们接着来，微信消息管理](http://img.blog.csdn.net/20170608132911792?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n# 二、微信消息管理\r\n1.捕获消息信息\r\n\r\n 在文章的第一句话中,为我们指明了微信消息产生的请求方式为 POST，因此首先我们就去对 Node.js 的 Post 请求进行监听。\r\n\r\n 在我们的 app.js 文件中添加一个POST监听，并将获取的结果输出：\r\n```javascript\r\n//用于处理所有进入 3000 端口 post 的连接请求\r\napp.post('/',function(req,res){\r\n var buffer = [];\r\n //监听 data 事件用于接收数据\r\n req.on('data',function(data){\r\n buffer.push(data);\r\n });\r\n //监听 end 事件用于处理接收完成的数据\r\n req.on('end',function(){\r\n //输出接收完成的数据 \r\n console.log(Buffer.concat(buffer).toString('utf-8'));\r\n });\r\n});\r\n```\r\n 随后将 Node.js 启动后映射至外网，关注我们的微信公众号，在控制台中则会看到：\r\n![输出结果](http://img.blog.csdn.net/20170607140400511?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n 打开 [微信帮助文档 ](https://mp.weixin.qq.com/wiki)，点击左侧菜单的消息管理，选择其子菜单接收事件推送，如图：\r\n![消息管理 - 接收事件推送](http://img.blog.csdn.net/20170608135040728?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n![微信接收事件推送](http://img.blog.csdn.net/20170608143204731?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n 从上图我们不难看出，微信接收事件推送确实很多，而我们最终目标是要实现，在用户触发事件时返回其相应的回复消息。因此我们总结一下我们要实现的步骤：\r\n\r\n 1. 解析 XML ，使用 Event 参数判断事件类型\r\n 2. 返回相应的事件信息\r\n\r\n总结完实现步骤后，我们就开始动手实现第一个被动回复消息吧。\r\n\r\n![别拦我，让我去装逼](http://img.blog.csdn.net/20170608144308940?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n2.以关注事件为例，实现第一个被动回复\r\n\r\n 解析 XML 我这里使用了第三方的包 xml2js(npm install xml2js )，并在 wechat.js 中引入。\r\n```javascript\r\n parseString = require('xml2js').parseString;//引入xml2js包\r\n```\r\n\r\n 为 WeChat 对象添加一个消息处理的方法 handleMsg，将 app.js 中捕获 POST 实现的写入在其代码块中，并使用 xml2js 解析，代码如下\r\n```javascript\r\n/**\r\n * 微信消息\r\n */\r\nWeChat.prototype.handleMsg = function(req,res){\r\n var buffer = [];\r\n //监听 data 事件用于接收数据\r\n req.on('data',function(data){\r\n buffer.push(data);\r\n });\r\n //监听 end 事件用于处理接收完成的数据\r\n req.on('end',function(){\r\n var msgXml = Buffer.concat(buffer).toString('utf-8');\r\n //解析xml\r\n parseString(msgXml,{explicitArray : false},function(err,result){\r\n if(!err){\r\n //打印解析结果\r\n console.log(result);\r\n }else{\r\n //打印错误信息\r\n console.log(err);\r\n }\r\n })\r\n });\r\n}\r\n```\r\n 在 app.js 中调用 handleMsg 方法\r\n```javascript\r\n//用于处理所有进入 3000 端口 post 的连接请求\r\napp.post('/',function(req,res){\r\n wechatApp.handleMsg(req,res);\r\n});\r\n```\r\n 完成了代码的编写后，将公众号重新关注\r\n![运行结果](http://img.blog.csdn.net/20170608150730880?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n最后打印为一个 JSON 格式的结果，也就是预示着我们第1步工作已经完成。下面开始我们的第2步，微信被动回复。\r\n\r\n 在文章的第一句话的后边提到开发者可以在响应包（Get）中返回特定XML结构，那么这个特定的 XML 结构在哪呢？再次打开[微信帮助文档 ](https://mp.weixin.qq.com/wiki)，点击左侧菜单的消息管理，选择其子菜单被动回复消息，如图：\r\n![消息管理 - 被动回复消息](http://img.blog.csdn.net/20170608151816018?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n 直接来到回复文本消息：\r\n![回复文本消息](http://img.blog.csdn.net/20170608152541242?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n 拿到回复文本消息格式后，我们就来为关注我们公众号的同学打声招呼吧。在 wechat 文件中创建 msg.js 文件用于消息的管理。\r\n![这里写图片描述](http://img.blog.csdn.net/20170608153001089?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n并在 msg.js 中添加处理文本消息的接口，并在 wechat.js 中引用\r\n```javascript\r\n'use strict' //设置为严格模式\r\n\r\n//回复文本消息\r\nexports.txtMsg = function(toUser,fromUser,content){\r\n var xmlContent = \"\";\r\n xmlContent += \"\";\r\n xmlContent += \"\"+ new Date().getTime() +\"\";\r\n xmlContent += \"\";\r\n xmlContent += \"\";\r\n return xmlContent;\r\n}\r\n```\r\n修改 wechat.js 中 handleMsg 方法\r\n```javascript\r\n/**\r\n * 微信消息\r\n */\r\nWeChat.prototype.handleMsg = function(req,res){\r\n var buffer = [];\r\n //监听 data 事件用于接收数据\r\n req.on('data',function(data){\r\n buffer.push(data);\r\n });\r\n //监听 end 事件用于处理接收完成的数据\r\n req.on('end',function(){\r\n var msgXml = Buffer.concat(buffer).toString('utf-8');\r\n //解析xml\r\n parseString(msgXml,{explicitArray : false},function(err,result){\r\n if(!err){\r\n result = result.xml;\r\n var toUser = result.ToUserName; //接收方微信\r\n var fromUser = result.FromUserName;//发送仿微信\r\n //判断事件类型\r\n switch(result.Event.toLowerCase()){\r\n case 'subscribe':\r\n //回复消息\r\n res.send(msg.txtMsg(fromUser,toUser,'欢迎关注 hvkcoder 公众号，一起斗图吧'));\r\n break;\r\n }\r\n }else{\r\n //打印错误信息\r\n console.log(err);\r\n }\r\n })\r\n });\r\n}\r\n```\r\n![实现结果](http://img.blog.csdn.net/20170608160434723?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n 没错就是这么简单。这里有个逻辑是这样的 toUser 表示接收方，也就是咱们的微信公众号；fromUser 表示发送方，也就是触发事件的用户。而我们要回复用户时，此时接收方就是触发事件的用户，而发送方则是我们的微信公众号。这块比较绕，大家可以慢慢去理解。\r\n\r\n 由于我们还没有对微信的素材管理进行讲解，这里我们暂时跳过图片消息、语音消息、视频消息、以及音乐消息。直接实现图文消息的推送。\r\n\r\n\r\n3.图文消息\r\n![这里写图片描述](http://img.blog.csdn.net/20170608165627419?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n 在 msg.js 文件中添加图文XML模板\r\n```javascript\r\n//回复图文消息\r\nexports.graphicMsg = function(toUser,fromUser,contentArr){\r\n var xmlContent = \"\";\r\n xmlContent += \"\";\r\n xmlContent += \"\"+ new Date().getTime() +\"\";\r\n xmlContent += \"\";\r\n xmlContent += \"\"+contentArr.length+\"\";\r\n xmlContent += \"\";\r\n contentArr.map(function(item,index){\r\n xmlContent+=\"\";\r\n xmlContent+=\"<![CDATA[\"+ item.Title +\"]]>\";\r\n xmlContent+=\"\";\r\n xmlContent+=\"\";\r\n xmlContent+=\"\";\r\n xmlContent+=\"\";\r\n });\r\n xmlContent += \"\";\r\n return xmlContent;\r\n}\r\n}\r\n```\r\n 更改 wechat.js 文件中的 handleMsg 方法，将图消息推送响应在点击事件中\r\n```javascript\r\n case 'click':\r\n var contentArr = [\r\n {Title:\"Node.js 微信自定义菜单\",Description:\"使用Node.js实现自定义微信菜单\",PicUrl:\"http://img.blog.csdn.net/20170605162832842?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\",Url:\"http://blog.csdn.net/hvkcoder/article/details/72868520\"},\r\n {Title:\"Node.js access_token的获取、存储及更新\",Description:\"Node.js access_token的获取、存储及更新\",PicUrl:\"http://img.blog.csdn.net/20170528151333883?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\",Url:\"http://blog.csdn.net/hvkcoder/article/details/72783631\"},\r\n {Title:\"Node.js 接入微信公众平台开发\",Description:\"Node.js 接入微信公众平台开发\",PicUrl:\"http://img.blog.csdn.net/20170605162832842?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\",Url:\"http://blog.csdn.net/hvkcoder/article/details/72765279\"}\r\n ];\r\n //回复图文消息\r\n res.send(msg.graphicMsg(fromUser,toUser,contentArr));\r\n break;\r\n```\r\n\r\n 点击菜单下的今日推荐\r\n![今日推荐](http://img.blog.csdn.net/20170608174606626?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n 图文推送就是这么简单的被我们给实现了。\r\n\r\n4.接收普通消息\r\n\r\n 微信除了为我们接收事件推送外，千万不要忘了微信还能通过发送文字。而这一节我们也就来玩玩微信接收普通消息。\r\n\r\n 打开 [微信帮助文档 ](https://mp.weixin.qq.com/wiki)，点击左侧菜单的消息管理，选择其子菜单接收普通消息，如图：\r\n![消息管理 - 接收普通消息](http://img.blog.csdn.net/20170608175735412?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n 依然如接收事件推送的套路，不同的是参数发生了改变，但这并步影响我们的开发，只需要几步就能够完美的解决。更改 wechat.js 文件 handleMsg方法，这里我先暂时只针对用户输入的文本消息做处理，其他的跟其类似。\r\n```javascript\r\n//判断消息类型\r\n if(result.MsgType.toLowerCase() === \"event\"){\r\n //判断事件类型\r\n switch(result.Event.toLowerCase()){\r\n case 'subscribe':\r\n //回复消息\r\n var content = \"欢迎关注 hvkcoder 公众号，一起斗图吧。回复以下数字：\\n\";\r\n content += \"1.你是谁\\n\";\r\n content += \"2.关于Node.js\\n\";\r\n content += \"回复 “文章” 可以得到图文推送哦~\\n\";\r\n res.send(msg.txtMsg(fromUser,toUser,''));\r\n break;\r\n case 'click':\r\n var contentArr = [\r\n {Title:\"Node.js 微信自定义菜单\",Description:\"使用Node.js实现自定义微信菜单\",PicUrl:\"http://img.blog.csdn.net/20170605162832842?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\",Url:\"http://blog.csdn.net/hvkcoder/article/details/72868520\"},\r\n {Title:\"Node.js access_token的获取、存储及更新\",Description:\"Node.js access_token的获取、存储及更新\",PicUrl:\"http://img.blog.csdn.net/20170528151333883?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\",Url:\"http://blog.csdn.net/hvkcoder/article/details/72783631\"},\r\n {Title:\"Node.js 接入微信公众平台开发\",Description:\"Node.js 接入微信公众平台开发\",PicUrl:\"http://img.blog.csdn.net/20170605162832842?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\",Url:\"http://blog.csdn.net/hvkcoder/article/details/72765279\"}\r\n ];\r\n //回复图文消息\r\n res.send(msg.graphicMsg(fromUser,toUser,contentArr));\r\n break;\r\n }\r\n }else{\r\n //判断消息类型为文本消息\r\n if(result.MsgType.toLowerCase() === \"text\"){\r\n //根据消息内容返回消息信息\r\n switch(result.Content){\r\n case '1':\r\n res.send(msg.txtMsg(fromUser,toUser,'Hello ！我的英文名字叫 H-VK'));\r\n break;\r\n case '2':\r\n res.send(msg.txtMsg(fromUser,toUser,'Node.js是一个开放源代码、跨平台的JavaScript语言运行环境，采用Google开发的V8运行代码,使用事件驱动、非阻塞和异步输入输出模型等技术来提高性能，可优化应用程序的传输量和规模。这些技术通常用于数据密集的事实应用程序'));\r\n break;\r\n case '文章':\r\n var contentArr = [\r\n {Title:\"Node.js 微信自定义菜单\",Description:\"使用Node.js实现自定义微信菜单\",PicUrl:\"http://img.blog.csdn.net/20170605162832842?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\",Url:\"http://blog.csdn.net/hvkcoder/article/details/72868520\"},\r\n {Title:\"Node.js access_token的获取、存储及更新\",Description:\"Node.js access_token的获取、存储及更新\",PicUrl:\"http://img.blog.csdn.net/20170528151333883?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\",Url:\"http://blog.csdn.net/hvkcoder/article/details/72783631\"},\r\n {Title:\"Node.js 接入微信公众平台开发\",Description:\"Node.js 接入微信公众平台开发\",PicUrl:\"http://img.blog.csdn.net/20170605162832842?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\",Url:\"http://blog.csdn.net/hvkcoder/article/details/72765279\"}\r\n ];\r\n //回复图文消息\r\n res.send(msg.graphicMsg(fromUser,toUser,contentArr));\r\n break;\r\n default :\r\n res.send(msg.txtMsg(fromUser,toUser,'没有这个选项哦'));\r\n break;\r\n }\r\n }\r\n }\r\n```\r\n![微信消息文本消息处理](http://img.blog.csdn.net/20170608183907918?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n![微信消息文本消息处理](http://img.blog.csdn.net/20170608183936497?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n![测试微信公众号](http://img.blog.csdn.net/20170608184008076?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHZrQ29kZXI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)\r\n\r\n OK ！至此我们就完成了微信消息管理的讲解，似乎真的没有什么难度。预留了一章，主要想要去细说一下说消息加解密，因为在网上涉及 Node.js 微信消息加解密的文章确实很少，微信帮助文档给的案例也没有 Node.js 的详细说明。\r\n\r\n 最后文章代码部分，由于网上编辑器的代码换行做的不是很好可能有些乱，建议可以去我的 github 上查看源码。\r\n\r\n 文章源代码：https://github.com/SilenceHVK/wechatByNode 。对文章有不正确之处，请给予纠正。github源代码请顺手给个 Star，最后感谢您的阅读。","title","【Node.js 微信公众号实战】4.Node.js 微信消息管理","last_reply_at","2020-03-16 11:07:40.832","good",true,"top",18,"visit_count",25121,"2017-06-09 01:31:16.239","author",{"_13":55,"_22":56},"SilenceHVK","https://avatars3.githubusercontent.com/u/12862565?v=4"]