Java与微信不得不说的故事——实现图文消息的发送

　　上面已经实现了消息的接收和发送，下面开始整个图文消息。这个才是大头吧，毕竟公众号还是得靠点图才能留住观众。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