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