本文共 4285 字,大约阅读时间需要 14 分钟。
上面已经实现了消息的接收和发送,下面开始整个图文消息。这个才是大头吧,毕竟公众号还是得靠点图才能留住观众。hey~左边的观众。hey~右边的观众。可惜菜鸟的博文没有观众。还是给大家贴下柳峰老师的博文吧,毕竟又是参照他的做的。博文连接贴到最下面了。哈哈,想打我吗?!
其实,看完柳峰老师的博客,应该就感觉到很简单了吧,哈哈,又想打我是吗?!
首先先看下微信开发文档中图文消息中必备的属性都有啥。
参数 | 是否必须 | 说明 |
---|---|---|
ToUserName | 是 | 接收方帐号(收到的OpenID) |
FromUserName | 是 | 开发者微信号 |
CreateTime | 是 | 消息创建时间 (整型) |
MsgType | 是 | news |
ArticleCount | 是 | 图文消息个数,限制为10条以内 |
Articles | 是 | 多条图文消息信息,默认第一个item为大图,注意,如果图文数超过10,则将会无响应 |
Title | 否 | 图文消息标题 |
Description | 否 | 图文消息描述 |
PicUrl | 否 | 图片链接,支持JPG、PNG格式,较好的效果为大图360*200,小图200*200 |
Url | 否 | 点击图文消息跳转链接 |
可以看到,比起本文消息,增加的属性有:Aritcles、AticleCount、Title、Description、PicUrl、Url。
<xml>
12345678 2 <![CDATA[title1]]> <![CDATA[title]]>
根据以上,我们可以建立与图文消息有关的实体类。NewsMessage.java 和 Article.java。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | package org.liufeng.course.message.resp; import java.util.List; /** * 文本消息 * * @author liufeng * @date 2013-09-11 */ public class NewsMessage extends BaseMessage { // 图文消息个数,限制为10条以内 private int ArticleCount; // 多条图文消息信息,默认第一个item为大图 private List<Article> Articles; public int getArticleCount() { return ArticleCount; } public void setArticleCount( int articleCount) { ArticleCount = articleCount; } public List<Article> getArticles() { return Articles; } public void setArticles(List<Article> articles) { Articles = articles; } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | package org.liufeng.course.message.resp; /** * 图文model * * @author liufeng * @date 2013-09-11 */ public class Article { // 图文消息名称 private String Title; // 图文消息描述 private String Description; // 图片链接,支持JPG、PNG格式,较好的效果为大图640*320,小图80*80 private String PicUrl; // 点击图文消息跳转链接 private String Url; public String getTitle() { return Title; } public void setTitle(String title) { Title = title; } public String getDescription() { return null == Description ? "" : Description; } public void setDescription(String description) { Description = description; } public String getPicUrl() { return null == PicUrl ? "" : PicUrl; } public void setPicUrl(String picUrl) { PicUrl = picUrl; } public String getUrl() { return null == Url ? "" : Url; } public void setUrl(String url) { Url = url; } } |
有了上述实体类,可以在上一节的coreService中继续添加回复图文消息的代码,我写的如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | // 单图文消息 if ( "1" .equals(content)) { // 创建图文消息(回复用) NewsMessage newsMessage = new NewsMessage(); newsMessage.setToUserName(fromUserName); newsMessage.setFromUserName(toUserName); newsMessage.setCreateTime( new Date().getTime()); newsMessage.setMsgType(MessageUtil.RESP_MESSAGE_TYPE_NEWS); List<Article> articleList = new ArrayList<Article>(); Article article = new Article(); article.setTitle( "haojiahong的博客" ); article.setDescription( "我不是高手,我不会武功。" +emoji( 0x1F61D )); article.setPicUrl( "" ); article.setUrl( "" ); articleList.add(article); // 设置图文消息个数 newsMessage.setArticleCount(articleList.size()); // 设置图文消息包含的图文集合 newsMessage.setArticles(articleList); // 将图文消息对象转换成xml字符串 respMessage = MessageUtil.messageToXml(newsMessage); } } |
当微信用户端输入“1”的时候,会回复一条图文消息。如下图所示:
此图是是使用微信在线调试器得到的结果,其中图片和符号表情没有显示出来,不过在手机上测试时可以正常显示,所以可以大可放心哟~
加一点题外话:
这是菜单列,一开始最后提示回复“?”的时候给重新显示此菜单。可以?有中文和英文两种形式,手机默认的是中文,而写程序的时候习惯上用英文,所以,这种情况最好还是能避免就避免了。
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | /** * 主菜单 * @return */ public static String getMainMenu() { StringBuffer buffer = new StringBuffer(); buffer.append( "您好,我是(●—●),请回复数字选择服务:" ).append( "\n\n" ); buffer.append( "1 我的博客" ).append( "\n" ); buffer.append( "2 公交查询" ).append( "\n" ); buffer.append( "3 周边搜索" ).append( "\n" ); buffer.append( "4 歌曲点播" ).append( "\n" ); buffer.append( "5 经典游戏" ).append( "\n" ); buffer.append( "6 美女电台" ).append( "\n" ); buffer.append( "7 人脸识别" ).append( "\n" ); buffer.append( "8 聊天唠嗑" ).append( "\n\n" ); buffer.append( "回复“0”显示此帮助菜单" ); return buffer.toString(); } |
嘿嘿,这里有柳峰老师的博客,很经典哟,别忘记点了呀,哈哈哈!
柳峰老师图文消息攻略博客地址:http://blog.csdn.net/lyq8479/article/details/9393195
http://www.cnblogs.com/txw1958/p/weixin-97-news.html