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。

　　

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( "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”的时候，会回复一条图文消息。如下图所示：

　　此图是是使用微信在线调试器得到的结果，其中图片和符号表情没有显示出来，不过在手机上测试时可以正常显示，所以可以大可放心哟~

　　

 

　　加一点题外话：

　　这是菜单列，一开始最后提示回复“？”的时候给重新显示此菜单。可以？有中文和英文两种形式，手机默认的是中文，而写程序的时候习惯上用英文，所以，这种情况最好还是能避免就避免了。

　　代码如下：

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