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