Introduction and summary

Several readers have complained that "Liu Feng only used text messages as examples, never mentioned graphic messages, and did not know how to use graphic messages." Well, I was wrong. I originally thought that the basic API After encapsulation is completed, the framework is set up, and an example of using text messages is given, everyone can imitate a cat and draw a tiger. Perhaps it is because my painting skills are so poor that the cat I drew does not look like a cat in the first place...

This article mainly introduces the use of graphic messages in WeChat public account development, as well as several forms of graphic messages. The title is "Comprehensive Guide to Graphic and Text Messages". This is definitely not a clickbait. I want to take this opportunity to clear away all the questions, doubts and obstacles related to graphic and text messages.

Explanation of the main parameters of graphic messages

Through WeChat’s official message interface guide, you can see the parameter introduction of graphic messages, as shown in the figure below:

You can understand from the picture:

1) The number of graphic and text messages is limited to 10, which is the value of ArticleCount in the picture (the number of graphic and text messages is limited to 10);

2) For multi-image and text messages, the image of the first image and text is displayed as a large image, and the images of other images and texts are displayed as small images;

3) The recommended image size for the first graphic and text is 640*320, and the recommended image size for other graphic and text is 80*80;

Okay, after understanding these, combined with the encapsulation of messages and message processing tools mentioned in the fourth article, it is not difficult to reply graphic messages to users.

Multiple expressions of graphic messages

The following directly demonstrates the usage of the five main forms of graphic messages through code. The source code is as follows:

1. package?org.liufeng.course.service;??
2. ??
3. import?java.util.ArrayList;??
4. import?java.util.Date;??
5. import?java.util.List;??
6. import?java.util.Map;??
7. ??
8. import?javax.servlet.http.HttpServletRequest;??
9. ??
10. import?org.liufeng.course.message.resp.Article;??
11. import?org.liufeng.course.message.resp.NewsMessage;??
12. import?org.liufeng.course.message.resp.TextMessage;??
13. import?org.liufeng.course.util.MessageUtil;??
14. ??
15. /**?
16. * Core service class
17. *
18. * @author liufeng
19. * @date 2013-07-25
20. */
21. public class CoreService {?
22. /**
23. * Processing requests from WeChat
24. ?????*??
25. ?????*?@param?request?
26. ?????*?@return?
27. ?????*/??
28. ????public?static?String?processRequest(HttpServletRequest?request)?{??
29. ????????String?respMessage?=?null;??
30. ????????try?{??
31. ?//xml request parsing?
32. Map requestMap = MessageUtil.parseXml(request);
34. ?//Sender account (open_id)
35. String fromUserName = requestMap.get("FromUserName");
36. ?//Public Account?
37. String toUserName = requestMap.get("ToUserName");
38. ???????????????????????????????????????????????????????????????????????????????????????????? String msgType = requestMap.get("MsgType");
40. //Default reply to this text message
41. TextMessage textMessage = new TextMessage();
42. textMessage.setToUserName(fromUserName);
textMessage.setFromUserName(toUserName);
44. textMessage.setCreateTime(new Date().getTime());
45. textMessage.setMsgType(MessageUtil.RESP_MESSAGE_TYPE_TEXT);
46. textMessage.setFuncFlag(0);
47. /// Because the HREF attribute value must be caused by dual quotes, this is conflict with the double quotes of the string itself, so we must turn to
48. textMessage.setContent("Welcome toLiu Feng’s blog!" );
49. ?//Convert the text message object into an xml string
50. respMessage = MessageUtil.textMessageToXml(textMessage);
52. ?//Text Message?
53. if (msgType.equals(MessageUtil.REQ_MESSAGE_TYPE_TEXT)) {
54. ?//Receive text message content sent by the user
55. String content = requestMap.get("Content");
57. ?//Create graphic message
58. ????????????????NewsMessage?newsMessage?=?new?NewsMessage();??
59. ????????????????newsMessage.setToUserName(fromUserName);??
60. ????????????????newsMessage.setFromUserName(toUserName);??
61. ????????????????newsMessage.setCreateTime(new?Date().getTime());??
62. ????????????????newsMessage.setMsgType(MessageUtil.RESP_MESSAGE_TYPE_NEWS);??
63. ????????????????newsMessage.setFuncFlag(0);??
64. ??
65. List
    articleList = new ArrayList

    ();
66. ?//Single picture and text message
67. ?if ("1".equals(content)) {
68. Article article = new Article();
69. article.setTitle("WeChat Public Account Development Tutorial Java Edition");
70. article.setDescription("Liu Feng, born in the 1980s, has 4 months of experience in WeChat public account development.In order to help beginners get started, we have launched this series of tutorials. We also hope to take this opportunity to meet more colleagues!");
71. article.setPicUrl("http://0.xiaoqrobot.duapp.com/images/avatar_liufeng.jpg");
72. article.setUrl("http://blog.csdn.net/lyq8479");
73. articleList.add(article);
74. ?//Set the number of graphic messages
75. newsMessage.setArticleCount(articleList.size());
76. ?????????????????????????????????????????????????????????????????????????????????????????? newsMessage.setArticles(articleList);
77. ???????????????????????????????????????????????????????? respMessage = MessageUtil.newsMessageToXml(newsMessage);
}
78. ??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ?else
79. if ("2".equals(content) ) { Article article = new Article();
80. article.setTitle("WeChat Public Account Development Tutorial Java Edition");
81. ?// QQ emoticons and emoticons can be used in graphic messages
83. article.setDescription("Liu Feng, born in the 80s," + emoji(0x1F6B9)
84. + ", WeChat public account development experience is 4 months. To help beginners from getting started, this series of serialization tutorials are launched. 12 articles, including interface configuration, message encapsulation, framework construction, QQ emoticon sending, symbol emoticon sending, etc. nn also plans to introduce the development explanation of some practical functions in the future, such as weather forecast, surrounding search, chat function, etc.");??
85. ????????????????????//?將圖片置為空??
86. ????????????????????article.setPicUrl("");??
87. ????????????????????article.setUrl("http://blog.csdn.net/lyq8479");??
88. ????????????????????articleList.add(article);??
89. ????????????????????newsMessage.setArticleCount(articleList.size());??
90. ????????????????????newsMessage.setArticles(articleList);??
91. ????????????????????respMessage?=?MessageUtil.newsMessageToXml(newsMessage);??