[039] 微信公众帐号开发教程第15篇-自定义菜单的view类型（访问网页）

引言及内容概要

距离写上一篇文章《自定义菜单的创建及菜单事件响应》整整过了两个月的时间，那时公众平台还没有开放view类型的菜单。在不久前，微信公众平台悄悄开放了view类型的菜单，却没有在首页发布任何通知，貌似微信团队很喜欢这么干。一个偶然的机会，我留意到API文档的自定义菜单接口发生了变化，增加了对菜单view类型的说明：

view（访问网页）：

 用户点击view类型按钮后，会直接跳转到开发者指定的url中。

于是我在第一时间更新了小q机器人（微信号：xiaoqrobot）的菜单，在一级菜单“更多”下增加了二级菜单“使用帮助”，点击该菜单项会直接跳转到网页，如下图所示。

最近也有不少网友问起这种类型的菜单是如何创建的，本篇文章就为大家介绍下view类型的自定义菜单该如何创建。

自定义菜单的两种类型（click和view）

公众平台API文档中给出了自定义菜单的json结构示例，我从中截取两个菜单项的json代码，一个是click类型，另一个是view类型，如下所示。

1. {
2. "type":"click",
3. "name":"今日歌曲",
4. "key":"V1001_TODAY_MUSIC"
5. },
6. {
7. "type":"view",
8. "name":"歌手简介",
9. "url":"http://www.qq.com/"
10. }

从上面可以看出，两种类型的菜单除了type值不同之外，属性也有差别。click类型的菜单有key属性，而view类型的菜单没有key属性，与之对应的是url属性。通过上一篇的学习我们知道，key值是用于判断用户点击了哪个click类型的菜单项。而view类型的菜单没有key属性，目前无法在公众账号后台判断是否有用户点击了view类型的菜单项，也就没办法知道哪个用户点击了view类型的菜单项。

建立view类型的菜单对象

View类型的菜单有3个属性：type、name和url。在上一篇文章中，我们创建了菜单项的基类Button，Button类只有一个属性name。View类型的菜单对象也需要继承Button类，代码如下：

1. package org.liufeng.weixin.pojo;
2. /**
3. * view类型的菜单
4. *
5. * @author liuyq
6. * @date 2013-04-10
7. */
8. public class ViewButton extends Button {
9. private String type;
10. private String url;
11. public String getType() {
12. return type;
13. }
14. public void setType(String type) {
15. this.type = type;
16. }
17. public String getUrl() {
18. return url;
19. }
20. public void setUrl(String url) {
21. this.url = url;
22. }
23. }

创建带view类型的菜单示例

我们对前一篇文章中给出的菜单创建代码进行调整，增加view类型的菜单项，完整的菜单创建代码如下：

1. package org.liufeng.weixin.main;
2. import org.liufeng.weixin.pojo.AccessToken;
3. import org.liufeng.weixin.pojo.Button;
4. import org.liufeng.weixin.pojo.CommonButton;
5. import org.liufeng.weixin.pojo.ComplexButton;
6. import org.liufeng.weixin.pojo.Menu;
7. import org.liufeng.weixin.pojo.ViewButton;
8. import org.liufeng.weixin.util.WeixinUtil;
9. import org.slf4j.Logger;
10. import org.slf4j.LoggerFactory;
11. /**
12. * 菜单管理器类
13. *
14. * @author liufeng
15. * @date 2013-08-08
16. */
17. public class MenuManager {
18. private static Logger log = LoggerFactory.getLogger(MenuManager.class);
19. public static void main(String[] args) {
20. // 第三方用户唯一凭证
21. String appId = "000000000000000000";
22. // 第三方用户唯一凭证密钥
23. String appSecret = "00000000000000000000000000000000";
24. // 调用接口获取access_token
25. AccessToken at = WeixinUtil.getAccessToken(appId, appSecret);
26. if (null != at) {
27. // 调用接口创建菜单
28. int result = WeixinUtil.createMenu(getMenu(), at.getToken());
29. // 判断菜单创建结果
30. if (0 == result)
31. log.info("菜单创建成功！");
32. else
33. log.info("菜单创建失败，错误码：" + result);
34. }
35. }
36. /**
37. * 组装菜单数据
38. *
39. * @return
40. */
41. private static Menu getMenu() {
42. CommonButton btn11 = new CommonButton();
43. btn11.setName("天气预报");
44. btn11.setType("click");
45. btn11.setKey("11");
46. CommonButton btn12 = new CommonButton();
47. btn12.setName("公交查询");
48. btn12.setType("click");
49. btn12.setKey("12");
50. CommonButton btn13 = new CommonButton();
51. btn13.setName("周边搜索");
52. btn13.setType("click");
53. btn13.setKey("13");
54. CommonButton btn14 = new CommonButton();
55. btn14.setName("历史上的今天");
56. btn14.setType("click");
57. btn14.setKey("14");
58. CommonButton btn15 = new CommonButton();
59. btn15.setName("电影排行榜");
60. btn15.setType("click");
61. btn15.setKey("32");
62. CommonButton btn21 = new CommonButton();
63. btn21.setName("歌曲点播");
64. btn21.setType("click");
65. btn21.setKey("21");
66. CommonButton btn22 = new CommonButton();
67. btn22.setName("经典游戏");
68. btn22.setType("click");
69. btn22.setKey("22");
70. CommonButton btn23 = new CommonButton();
71. btn23.setName("美女电台");
72. btn23.setType("click");
73. btn23.setKey("23");
74. CommonButton btn24 = new CommonButton();
75. btn24.setName("人脸识别");
76. btn24.setType("click");
77. btn24.setKey("24");
78. CommonButton btn25 = new CommonButton();
79. btn25.setName("聊天唠嗑");
80. btn25.setType("click");
81. btn25.setKey("25");
82. CommonButton btn31 = new CommonButton();
83. btn31.setName("Q友圈");
84. btn31.setType("click");
85. btn31.setKey("31");
86. CommonButton btn33 = new CommonButton();
87. btn33.setName("幽默笑话");
88. btn33.setType("click");
89. btn33.setKey("33");
90. CommonButton btn34 = new CommonButton();
91. btn34.setName("用户反馈");
92. btn34.setType("click");
93. btn34.setKey("34");
94. CommonButton btn35 = new CommonButton();
95. btn35.setName("关于我们");
96. btn35.setType("click");
97. btn35.setKey("35");
98. ViewButton btn32 = new ViewButton();
99. btn32.setName("使用帮助");
100. btn32.setType("view");
101. btn32.setUrl("http://liufeng.gotoip2.com/xiaoqrobot/help.jsp");
102. ComplexButton mainBtn1 = new ComplexButton();
103. mainBtn1.setName("生活助手");
104. mainBtn1.setSub_button(new Button[] { btn11, btn12, btn13, btn14, btn15 });
105. ComplexButton mainBtn2 = new ComplexButton();
106. mainBtn2.setName("休闲驿站");
107. mainBtn2.setSub_button(new Button[] { btn21, btn22, btn23, btn24, btn25 });
108. ComplexButton mainBtn3 = new ComplexButton();
109. mainBtn3.setName("更多");
110. mainBtn3.setSub_button(new Button[] { btn31, btn33, btn34, btn35, btn32 });
111. /**
112. * 这是公众号xiaoqrobot目前的菜单结构，每个一级菜单都有二级菜单项<br>
113. *
114. * 在某个一级菜单下没有二级菜单的情况，menu该如何定义呢？<br>
115. * 比如，第三个一级菜单项不是“更多体验”，而直接是“幽默笑话”，那么menu应该这样定义：<br>
116. * menu.setButton(new Button[] { mainBtn1, mainBtn2, btn33 });
117. */
118. Menu menu = new Menu();
119. menu.setButton(new Button[] { mainBtn1, mainBtn2, mainBtn3 });
120. return menu;
121. }
122. }

119~122行代码就是用于创建view类型菜单项的。上面的菜单结构也是小q机器人（微信号：xiaoqrobot）目前在使用的，读者可以对照着理解。

补充：居然还有些网友问我上面的自定义菜单创建代码在哪里调用，问我为什么不把调用的代码也公开？搞的我都有点不好意思了。上面的菜单创建代码是写在main方法中，直接在开发工具中运行一下就可以了，这应该是最最基础的Java知识了。另外，菜单只要创建一次，会一直存在的，不需要每次启动应用程序都去创建菜单。当然，你也可以把菜单的创建代码集成到项目中，并非一定要放在main方法中。程序是死的，人是活的，解决方法往往有很多种，怎么方便实用就怎么来！

如果觉得文章对你有所帮助，请通过留言或关注微信公众帐号xiaoqrobot来支持柳峰！