TNW-微信公众号各种消息交互

最新推荐文章于 2021-12-15 14:51:50 发布
最新推荐文章于 2021-12-15 14:51:50 发布
阅读量286 收藏
点赞数
文章标签： javascript 人工智能 java ViewUI
原文链接：https://my.oschina.net/zyw205/blog/3043428
版权
简介

TNW: TypeScript(The) + Node.js(Next) + WeChat 微信公众号开发脚手架，支持 http 模块扩展、支持任何 Node.js 的服务端框架(Express、NestJS 等)

测试号申请

测试时请自己的测试号

开启开发者模式

这里说的各种消息交互是指的 开发者模式下的消息交互 如果还没有开启开发者模式可以参考之前写文章 开启公众号开发者模式

简书 掘金 CSDN 开源中国

在 TNW/TNWX 中实现微信公众号各种消息交互非常简单，步骤如下：

  1. 接收各种消息
  2. 调用 WeChat.handleMsg(...) 方法处理分发消息
  3. 实现 MsgAdapter 接口，实现业务逻辑以及各种消息回复

接收各种消息

开发者 URL 的 POST 方法下接收各种消息 具体实现代码如下

Express 示例如下:

// 接收微信消息入口
app.post('/msg', function (req: any, res: any) {
    console.log('post...', req.query);
		// 支持多公众号
    let appId: string = req.query.appId;
    if (appId) {
        ApiConfigKit.setCurrentAppId(appId);
    }
		// 获取签名相关的参数用于消息解密(测试号以及明文模式无此参数)
    let msgSignature = req.query.msg_signature,
        timestamp = req.query.timestamp,
        nonce = req.query.nonce;

    //监听 data 事件 用于接收数据
    let buffer: Uint8Array[] = [];
    req.on('data', function (data: any) {
        buffer.push(data);
    });

    req.on('end', function () {
        let msgXml = Buffer.concat(buffer).toString('utf-8');
        // 处理消息并响应对应的回复
        // ....
    });
});

Nest 示例如下:

@Post("/msg")
  PostMsg(@Req() req: Request, @Res() res: Response) {
    let that = this;
    console.log('post...', req.query);
		// 支持多公众号
    let appId: string = req.query.appId;
    if (appId) {
      ApiConfigKit.setCurrentAppId(appId);
    }
		// 获取签名相关的参数用于消息解密(测试号以及明文模式无此参数)
    let msgSignature = req.query.msg_signature,
      timestamp = req.query.timestamp,
      nonce = req.query.nonce;

    //监听 data 事件 用于接收数据
    let buffer: Uint8Array[] = [];
    req.on('data', function (data: any) {
      buffer.push(data);
    });

    req.on('end', function () {
      let msgXml = Buffer.concat(buffer).toString('utf-8');
      // 处理消息并响应对应的回复
      // ...
    });
  }

###处理并分发消息

WeChat.handleMsg(msgAdapter: MsgAdapter, msgXml: string, msgSignature?: string, timestamp?: string, nonce?: string)

handleMsg 中包含了消息的解密、各种消息分发、消息加密、各种消息回复。这里就不贴源码了，感兴趣的可以看看源码，源码也有详细的注释。

Gitee-TNW-WeChat

GitHub-TNW-WeChat

其中 msgXml 、msgSignature、timestamp 、nonce 已在上面的 接收各种消息中 获得，就差 MsgAdapter 了。

MsgAdapter 介绍

MsgAdapter 接口中定义的方法如下：

export interface MsgAdapter {
    // 处理文本消息
    processInTextMsg(inTextMsg: InTextMsg): OutMsg;
    // 处理图片消息
    processInImageMsg(inImageMsg: InImageMsg): OutMsg;
    // 处理声音消息
    processInVoiceMsg(inVoiceMsg: InVoiceMsg): OutMsg;
    // 处理视频消息
    processInVideoMsg(inVideoMsg: InVideoMsg): OutMsg;
    // 处理小视频消息
    processInShortVideoMsg(inShortVideoMsg: InShortVideoMsg): OutMsg;
    // 处理地理位置消息
    processInLocationMsg(inLocationMsg: InLocationMsg): OutMsg;
    // 处理链接消息
    processInLinkMsg(inLinkMsg: InLinkMsg): OutMsg;
    // 处理语音识别结果
    processInSpeechRecognitionResults(inSpeechRecognitionResults: InSpeechRecognitionResults): OutMsg;
    // 处理未定义的消息(其他消息...小哥该扩展了)
    processIsNotDefinedMsg(inNotDefinedMsg: InNotDefinedMsg): OutMsg;

    // 处理关注、取消关注事件
    processInFollowEvent(inFollowEvent: InFollowEvent): OutMsg;
    // 处理扫码事件
    processInQrCodeEvent(inQrCodeEvent: InQrCodeEvent): OutMsg;
    // 处理地理位置事件
    processInLocationEvent(inLocationEvent: InLocationEvent): OutMsg;
    // 处理地理位置事件
    processInMenuEvent(inMenuEvent: InMenuEvent): OutMsg;
    // 处理模板消息事件
    processInTemplateMsgEvent(inTemplateMsgEvent: InTemplateMsgEvent): OutMsg;
    // 处理摇一摇周边事件
    processInShakearoundUserShakeEvent(inShakearoundUserShakeEvent: InShakearoundUserShakeEvent): OutMsg;
}

InXxxxMsg 统一继承自 InMsg ，InXxxxEvent 统一继承自 EventInMsg 而 EventInMsg 又继承自 InMsg ，所以在任何的 inXxxxx 中都很容易获取到 toUserName(开发者微信号即appId)、 fromUserName(发送方帐号openId) 。 TNW 支持多公众，后面会使用到此 appId 来实现不同公众号回复不同的消息

###响应对应的回复

代码实现比较简单就不过多介绍了，请看源码

提醒：回复消息时可以对不同的公众号做特殊的处理

export class MsgController implements MsgAdapter {

    processInTextMsg(inTextMsg: InTextMsg): OutMsg {
        let outMsg: any;
        let content: string = "IJPay 让支付触手可及 \n\nhttps://gitee.com/javen205/IJPay";
        if ("极速开发微信公众号" == inTextMsg.getContent) {
            // 多公众号支持 分别给不同的公众号发送不同的消息
            if (ApiConfigKit.getApiConfig.getAppId == 'wx614c453e0d1dcd12') {
                content = "极速开发微信公众号 \n\nhttps://github.com/javen205/weixin_guide"
                outMsg = new OutTextMsg(inTextMsg);
                outMsg.setContent(content);
            } else {
                content = "极速开发微信公众号 \n\nhttps://github.com/javen205/TNW"
                outMsg = new OutTextMsg(inTextMsg);
                outMsg.setContent(content);
            }

        } else if ("聚合支付" == inTextMsg.getContent) {
          	// 最新规则：开发者只能回复1条图文消息；其余场景最多可回复8条图文消息
            outMsg = new OutNewsMsg(inTextMsg);
            outMsg.addArticle("聚合支付了解下", "IJPay 让支付触手可及",
                "https://gitee.com/javen205/IJPay/raw/master/assets/img/IJPay-t.png", "https://gitee.com/javen205/IJPay")
            outMsg.addArticle("jfinal-weixin", "极速开发微信公众号",
                "https://gitee.com/javen205/IJPay/raw/master/assets/img/IJPay-t.png", "https://gitee.com/JFinal/jfinal-weixin")
        } else {
            // outMsg = new OutTextMsg(inTextMsg);
            // outMsg.setContent(content);
            // 转发给多客服PC客户端
            outMsg = new OutCustomMsg(inTextMsg);
            console.log("转发给多客服PC客户端");

        }
        return outMsg;
    }

    processInImageMsg(inImageMsg: InImageMsg): OutMsg {
        let outMsg = new OutImageMsg(inImageMsg);
        outMsg.setMediaId = inImageMsg.getMediaId;
        return outMsg;
    }
    processInVoiceMsg(inVoiceMsg: InVoiceMsg): OutMsg {
        let outMsg = new OutVoiceMsg(inVoiceMsg);
        outMsg.setMediaId = inVoiceMsg.getMediaId;
        return outMsg;
    }
    processInVideoMsg(inVideoMsg: InVideoMsg): OutMsg {
        let outMsg = new OutVideoMsg(inVideoMsg);
        outMsg.setMediaId = inVideoMsg.getMediaId;
        outMsg.setDescription = "IJPay 让支付触手可及";
        outMsg.setTitle = "视频消息";
        return outMsg;
    }
    processInShortVideoMsg(inShortVideoMsg: InShortVideoMsg): OutMsg {
        let outMsg = new OutVideoMsg(inShortVideoMsg);
        outMsg.setMediaId = inShortVideoMsg.getMediaId;
        outMsg.setDescription = "TypeScript + Node.js 开发微信公众号";
        outMsg.setTitle = "短视频消息";
        return outMsg;
    }
    processInLocationMsg(inLocationMsg: InLocationMsg): OutMsg {
        return this.renderOutTextMsg(inLocationMsg,
            "位置消息... \n\nX:" + inLocationMsg.getLocation_X + " Y:" + inLocationMsg.getLocation_Y + "\n\n" + inLocationMsg.getLabel);
    }
    processInLinkMsg(inLinkMsg: InLinkMsg): OutMsg {
        let text = new OutTextMsg(inLinkMsg);
        text.setContent("链接频消息..." + inLinkMsg.getUrl);
        return text;
    }
    processInSpeechRecognitionResults(inSpeechRecognitionResults: InSpeechRecognitionResults): OutMsg {
        let text = new OutTextMsg(inSpeechRecognitionResults);
        text.setContent("语音识别消息..." + inSpeechRecognitionResults.getRecognition);
        return text;
    }

    processInFollowEvent(inFollowEvent: InFollowEvent): OutMsg {

        if (InFollowEvent.EVENT_INFOLLOW_SUBSCRIBE == inFollowEvent.getEvent) {
            return this.renderOutTextMsg(inFollowEvent,
                "感谢你的关注 么么哒 \n\n交流群：114196246");
        }
        else if (InFollowEvent.EVENT_INFOLLOW_UNSUBSCRIBE == inFollowEvent.getEvent) {
            console.error("取消关注：" + inFollowEvent.getFromUserName);
            return this.renderOutTextMsg(inFollowEvent);
        } else {
            return this.renderOutTextMsg(inFollowEvent);
        }
    }

    processInQrCodeEvent(inQrCodeEvent: InQrCodeEvent): OutMsg {
        if (InQrCodeEvent.EVENT_INQRCODE_SUBSCRIBE == inQrCodeEvent.getEvent) {
            console.debug("扫码未关注：" + inQrCodeEvent.getFromUserName);
            return this.renderOutTextMsg(inQrCodeEvent,
                "感谢您的关注，二维码内容：" + inQrCodeEvent.getEventKey);
        }
        else if (InQrCodeEvent.EVENT_INQRCODE_SCAN == inQrCodeEvent.getEvent) {
            console.debug("扫码已关注：" + inQrCodeEvent.getFromUserName);
            return this.renderOutTextMsg(inQrCodeEvent);
        } else {
            return this.renderOutTextMsg(inQrCodeEvent);
        }
    }
    processInLocationEvent(inLocationEvent: InLocationEvent): OutMsg {
        console.debug("发送地理位置事件：" + inLocationEvent.getFromUserName);

        return this.renderOutTextMsg(inLocationEvent,
            "地理位置是：" + inLocationEvent.getLatitude);
    }
    processInMenuEvent(inMenuEvent: InMenuEvent): OutMsg {
        console.debug("菜单事件：" + inMenuEvent.getFromUserName);

        return this.renderOutTextMsg(inMenuEvent,
            "菜单事件内容是：" + inMenuEvent.getEventKey);
    }
    processInTemplateMsgEvent(inTemplateMsgEvent: InTemplateMsgEvent): OutMsg {
        console.debug("模板消息事件：" + inTemplateMsgEvent.getFromUserName + " " + inTemplateMsgEvent.getStatus);
        return this.renderOutTextMsg(inTemplateMsgEvent,
            "消息发送状态：" + inTemplateMsgEvent.getStatus);
    }

    processInShakearoundUserShakeEvent(inShakearoundUserShakeEvent: InShakearoundUserShakeEvent): OutMsg {
        console.debug("摇一摇事件：" + inShakearoundUserShakeEvent.getFromUserName + " " + inShakearoundUserShakeEvent.getUuid);
        return this.renderOutTextMsg(inShakearoundUserShakeEvent,
            "uuid：" + inShakearoundUserShakeEvent.getUuid);
    }

    processIsNotDefinedMsg(inNotDefinedMsg: InNotDefinedMsg): OutMsg {
        return this.renderOutTextMsg(inNotDefinedMsg,
            "未知消息");
    }

    renderOutTextMsg(inMsg: InMsg, content?: string): OutTextMsg {
        let outMsg = new OutTextMsg(inMsg);
        outMsg.setContent(content ? content : " ");
        return outMsg;
    }
}

开源推荐

转载于:https://my.oschina.net/zyw205/blog/3043428

chengluhui6106
关注
微信公众号启用了服务器配置如何自定义菜单？
猿小白的博客
02-26 2593
请求协议：POST参数说明：access_token：步骤一中返回的内容body：自定义菜单JSON数据"name": "官方网站",},"name": "新人福利",},"name": "联系我们","name": "在线咨询",},"name": "商务合作",
实现微信和公众号的交互
欢迎访问,Viola的博客!
07-16 1860
微信二次开发其实和web项目开发一样,只不过要使用微信的提供接口,遵循腾讯的接口规范.微信公众号就相当于前端页面,我们通过自己开发的后台来和前端页面交互,按照我们的需求拓展微信公众号的功能. 1.在eclipse里搭建一个web工程. 2.创建一个servlet类,因为后台和微信公众号是通过doGet方式交互的,我们在servlet里写一个doGet方法. /** * *@autho...
微信公众号开发之如何实现消息交互
weixin_33857230的博客
10-13 337
微信开发交流群：148540125 系列文章参考地址 极速开发微信公众号 欢迎留言、转发、打赏 项目源码参考地址 点我点我--欢迎Start 前几篇文章已讲完如何导入项目，如何启动配置项目，如何成为开发者（如果前三项不会的看这里 极速开发微信公众号。这篇文章就来讲讲如果实现消息交互 总所周知Jfinal 开发中配置非常简单只要在web.xml中添加如下代码就可以将所有的请求交由Jfianl处理...
微信公众平台开发（二）：交互与接口
简单是书的博客
11-09 3732
1、微信用户、微信服务器和后台服务器的交互例：微信用户向公众号发送一条文本消息，这条消息会首先传给微信服务器，微信服务器处理这条信息并将其以xml数据格式传递给后台服务器，后台服务器接受到数据后会对数据进行处理，再响应数据以xml数据格式传递给微信服务器，微信服务器再响应到用户微信界面。 微信用户与微信后台服务器之间的交互过程就是数据传递过程，只不过需要需要通过微信服务器这个中转站。 那么微信服
微信公众号实现跟关注用户进行消息的交互功能（2）实现交互功能
灰太狼
11-10 4277
一、解析微信服务器传来的消息 因为微信服务器发送过来的是xml格式的消息，所以我们可以采用 开源框架dom4j去解析xml 。 所用到的jar 包是：dom4j-1.6.1.jar   官网下载地址：http://www.dom4j.org/dom4j-1.6.1/ 二、将响应消息转换成xml返回给微信服务器 如何将响应消息转换成xml返回的问题，这里我们将  采用开源框架xstream...
微信公众号极速开发实战项目源代码
03-13
TNW 微信公众号开发脚手架，支持任何 Node.js 的服务端框架 Android 微信、支付App支付SDK IJPay 让支付触手可及，实现微信、支付宝系列支付 博客 简易的微信公众号管理平台 搭建属于自己的网穿透工具 ...
Node.js-TNW:TypeScript(The)Node.js(Next)WeChat微信公众号开发脚手架
08-09
TNW: TypeScript(The) Node.js(Next) WeChat 微信公众号开发脚手架，支持集成到任何基于 Node.js 的服务端框架(Express、Nest、Egg 等)
tp5微信公众号获取用户openid_微信公众号支付（一）：获取用户openId
weixin_39541600的博客
12-20 5990
一、获取apikey,appsecret与商户号注册公众号、商户号二、获取用户的OpenId1.设置【授权回调页面域名】官方解释：用户在网页授权页同意授权给公众号后，微信会将授权数据传给一个回调页面，回调页面需在此域名下，以确保安全可靠。回调页面域名不支持IP地址。aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1cAAAAhCAIAAAC6M8bmA...
tnw-mashup2015
06-26
【标题】"tnw-mashup2015"是一个可能与技术新闻网站The Next Web相关的项目或活动，可能是他们在2015年举办的一次技术大会或者编程挑战。由于描述中没有提供更多信息，我们可以假设这是一次技术交流或编程竞赛的结果...
详细教你微信公众号正文页SVG交互开发技巧
12-09
现在很多公众号都直接在正文页通过SVG交互动画增加文章的阅读交互体验，而不再跳转H5。结合这一需求，本期分享的内容是如何开发交互式SVG，并嵌入微信公众号正文页。设计师和前端开发同学都可以来学习下。学会了可以接这方面的私活了，短平快地赚小钱钱。 先看下最终SVG交互效果： (体验公众号正文页实际效果，请到本文底部扫码关注公众号) 1 为什么公众号需要交互SVG 技术要有落地的应用场景才能发挥实效。为什么很多公众号开始做SVG交互而放弃H5呢？ 主要原因有两点： H5制作成本高，需要一定的开发周期和服务器支撑。 从正文页跳转H5页面多了一个步骤，容易造成用户流失。 当然，对于需要复杂交
ChatMsgListAdapter
01-16
腾讯云互动直播的ChatMsgListAdapter修改版
微信公众号开发2——消息交互流程
zhangrachel1的博客
01-10 6603
上一篇主要陈述了开发者模式启用以及校验流程，这一篇主要是消息的交互流程。 消息的交互流程 场景：用户给公众号发送消息，用户接收到公众号回复的消息 接收消息：用户给公众号发送消息，微信服务器将POST消息的XML数据包发送到开发者填写的url上 发送消息：对于发来的请求，开发者在响应包中返回特定xml结构，并对该消息进行响应 响应类型：文本，图片，语音，视频，音乐 参与交互的实体有三
微信公众号实现跟关注用户进行消息的交互功能
weixin_44254400的博客
05-14 1265
https://blog.csdn.net/weixin_39220472/article/details/83932051
谈谈java与微信公众平台的交互式开发
whhmkj的专栏
03-21 658
算了  不懂的加我qq 505813974 标明：微信公众
微信开发之公众平台开发模式下的数据交互模式
qq_33799747的博客
02-12 652
1 公众平台开发模式下的数据交互模式   手机客户端向公众号发送消息------1 公众号将消息发送到微信服务器-----2 微信服务器将消息发送到公众服务器-----3 公众账号服务器解析后返回消息-----4 微信服务器将返回到公众号     搭建开发环境和开发工具
微信公众号交互代码的一个问题
3m2u的专栏
12-15 420
往微信公众号发送关键词后可以调用自定义的接口进行处理， wx微信设计了一套交互的协议，其中有一部分是传递的参数需要signature校验。wx微信本身提供了checkSignature函数。以前用过正常，但不知从什么时候起这部分代码总是返回false。
微信公众号与用户互动的8种交流方式
eyoucms2的博客
05-26 6899
说到微信公众号是现在大家在熟悉不过的了，每个人都会关注那么几个公众号，而现在公众号不管是企业、机构、个人都在运用的一个平台，企业用来传播自己的品牌以及产品的营销，机构、个人注册公众号也是这样一个理，在微信公众号运营中，是可能分成很多细节的，像内容、活动策划、推广吸粉、互动等，今天我们就来分享其中一种，微信公众号运营工作中，与用户互动的8种交流方式。 　　前面已经多次说过微信公众号运营的方式，那么如何找到微信公众号运营的突破口呢？小编发现，良性互动才是微信公众号运营的突破口！对于微信公众号运营来说.
码云推荐：TypeScript + Node.js——微信系开发脚手架TNWX
新技术革命
04-06 654
介绍 TNWX是笔者在码云上发现的一个微信系列的开发脚手架项目，看了一下不少人的评论就是两个字——专业，下面简单介绍；TNWX:TypeScript + Node.js + WeiXin 微信系开发脚手架，支持微信公众号、微信支付、微信小游戏、微信小程序、企业微信/企业号、企业微信开放平台。最最最重要的是能快速的集成至任何 Node.js 框架(Express、Nest、Egg、Koa 等) ...
新一代Web克隆技术：Next Web (TNW) 克隆实践指南
资源摘要信息: "The-New-Web-Clone: 使用 HTML、CSS 的 Next Web (TNW) 克隆" 是一个关于学习和实践最新Web技术的项目，以克隆知名的科技新闻网站"The Next Web"为范例。该项目的主要知识点集中在HTML5、CSS3的应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值