上面已经实现了消息的接收和发送,下面开始整个图文消息。这个才是大头吧,毕竟公众号还是得靠点图才能留住观众。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>
<ToUserName><![CDATA[toUser]]></ToUserName> <FromUserName><![CDATA[fromUser]]></FromUserName> <CreateTime>12345678</CreateTime> <MsgType><![CDATA[news]]></MsgType> <ArticleCount>2</ArticleCount> <Articles> <item> <Title><![CDATA[title1]]></Title> <Description><![CDATA[description1]]></Description> <PicUrl><![CDATA[picurl]]></PicUrl> <Url><![CDATA[url]]></Url> </item> <item> <Title><![CDATA[title]]></Title> <Description><![CDATA[description]]></Description> <PicUrl><![CDATA[picurl]]></PicUrl> <Url><![CDATA[url]]></Url> </item> </Articles> </xml>
根据以上,我们可以建立与图文消息有关的实体类。NewsMessage.java 和 Article.java。
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; } }
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中继续添加回复图文消息的代码,我写的如下:
// 单图文消息 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("http://pic.cnblogs.com/avatar/466668/20150530175722.png"); article.setUrl("http://www.cnblogs.com/haojiahong"); articleList.add(article); // 设置图文消息个数 newsMessage.setArticleCount(articleList.size()); // 设置图文消息包含的图文集合 newsMessage.setArticles(articleList); // 将图文消息对象转换成xml字符串 respMessage = MessageUtil.messageToXml(newsMessage); } }
当微信用户端输入“1”的时候,会回复一条图文消息。如下图所示:
此图是是使用微信在线调试器得到的结果,其中图片和符号表情没有显示出来,不过在手机上测试时可以正常显示,所以可以大可放心哟~
加一点题外话:
这是菜单列,一开始最后提示回复“?”的时候给重新显示此菜单。可以?有中文和英文两种形式,手机默认的是中文,而写程序的时候习惯上用英文,所以,这种情况最好还是能避免就避免了。
代码如下:
/** * 主菜单 * @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