在手机微信公众号中输入文本(如“你好”和微笑表情)、发送图片(预先准备好的图片)、发送语音(直接采用微信的语音功能)、发送视频(预先准备好的视频)、发送地理位置(手机当前所在的位置)、发送链接预先准备好的链接)等消息,手机上的结果如下图所示(上下屏滑动显示)。

springboot实时发送消息给前端_微信

springboot实时发送消息给前端_代码示例_02

1、创建消息类

在包edu.bookcode中创建message子包,并在包edu.bookcode.message中创建类BaseMessageReceive,该类中的属性代表了所有收到消息的相同字段,代码如例1所示。

【例1】类BaseMessageReceive的代码示例。

springboot实时发送消息给前端_微信公众平台_03

在包edu.bookcode.message中创建类TextMessageReceive,代码如例2所示。该类封装了文本消息的内容。可对照例示例代码,加深对接收的文本消息XML数据规范的理解。后面的类也分别封装了不同类型的消息。

【例2】类TextMessageReceive的代码示例。

springboot实时发送消息给前端_springboot实时发送消息给前端_04

在包edu.bookcode.message中创建类MediaMessageReceive,代码如例3所示。

【例3】类MediaMessageReceive的代码示例。

springboot实时发送消息给前端_代码示例_05

在包edu.bookcode.message中创建类ImageMessageReceive,代码如例4所示。

【例4】类ImageMessageReceive的代码示例。

springboot实时发送消息给前端_微信小程序_06

在包edu.bookcode.message中创建类VoiceMessageReceive,代码如例5所示。

【例5】类VoiceMessageReceive的代码示例。

springboot实时发送消息给前端_微信小程序_07

在包edu.bookcode.message中创建类VideoMessageReceive,代码如例6所示。

【例6】类VideoMessageReceive的代码示例。

springboot实时发送消息给前端_代码示例_08

在包edu.bookcode.message中创建类LocationMessageReceive,代码如例7所示。

【例7】类LocationMessageReceive的代码示例。

springboot实时发送消息给前端_代码示例_09

在包edu.bookcode.message中创建类LinkMessageReceive,代码如例8所示。

【例8】类LinkMessageReceive的代码示例。

springboot实时发送消息给前端_微信公众平台_10

2、创建类MessageTemplateUtil

在包edu.bookcode.util中创建类MessageTemplateUtil,代码如例9所示。

【例9】类MessageTemplateUtil的代码示例。

springboot实时发送消息给前端_微信小程序_11

3、创建类ChangeMessageToXML

在包edu.bookcode.util中创建类ChangeMessageToXML,代码如例10所示。

【例10】类ChangeMessageToXML的代码示例。

springboot实时发送消息给前端_代码示例_12

4、创建类 OutAndSendUtil

在包edu.bookcode.util中创建类 OutAndSendUtil,代码如例11所示。

【例11】类 OutAndSendUtil的代码示例。

springboot实时发送消息给前端_微信小程序_13

5、创建类ReceiveMessageController

在包edu.bookcode.controller中创建类ReceiveMessageController,代码如例12所示。

【例12】类ReceiveMessageController的代码示例。

springboot实时发送消息给前端_代码示例_14

6、运行程序

启动内网穿透工具后,按照上例中注释给出的提示修改VerifyWXServerController的相对地址,并再次在IDEA中运行项目入口类WxgzptkfbookApplication。

在手机端的微信公众号中输入文本(如“你好”和微笑表情)、发送图片(预先准备好的图片)、发送语音(直接采用微信的语音功能)、发送视频(预先准备好的视频)、发送地理位置(手机当前所在的位置)、发送链接预先准备好的链接等消息,手机上的结果如图1和图2所示(上下屏滑动显示)。

springboot实时发送消息给前端_springboot实时发送消息给前端_15

 ■ 图1在手机端的微信公众号中接收文本、图片、语音等并被动回复这些消息的输出结果

springboot实时发送消息给前端_微信_16

■ 图2在手机端的微信公众号中接收视频、地理位置、链接等消息并被动回复这些消息的输出结果