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

最新推荐文章于 2021-03-10 12:52:14 发布
最新推荐文章于 2021-03-10 12:52:14 发布
阅读量122 收藏
点赞数
文章标签： java json 开发工具

引言及内容概要

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

view（访问网页）：

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

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


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


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

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

[html] view plain copy
  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类，代码如下：

[java] view plain copy
  1. packageorg.liufeng.weixin.pojo;
  3. /**
  4. *view类型的菜单
  5. *
  6. *@authorliuyq
  7. *@date2013-04-10
  8. */
  9. publicclassViewButtonextendsButton{
  10. privateStringtype;
  11. privateStringurl;
  13. publicStringgetType(){
  14. returntype;
  15. }
  17. publicvoidsetType(Stringtype){
  18. this.type=type;
  19. }
  21. publicStringgetUrl(){
  22. returnurl;
  23. }
  25. publicvoidsetUrl(Stringurl){
  26. this.url=url;
  27. }
  28. }


创建带view类型的菜单示例

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

[java] view plain copy
  1. packageorg.liufeng.weixin.main;
  3. importorg.liufeng.weixin.pojo.AccessToken;
  4. importorg.liufeng.weixin.pojo.Button;
  5. importorg.liufeng.weixin.pojo.CommonButton;
  6. importorg.liufeng.weixin.pojo.ComplexButton;
  7. importorg.liufeng.weixin.pojo.Menu;
  8. importorg.liufeng.weixin.pojo.ViewButton;
  9. importorg.liufeng.weixin.util.WeixinUtil;
  10. importorg.slf4j.Logger;
  11. importorg.slf4j.LoggerFactory;
  13. /**
  14. *菜单管理器类
  15. *
  16. *@authorliufeng
  17. *@date2013-08-08
  18. */
  19. publicclassMenuManager{
  20. privatestaticLoggerlog=LoggerFactory.getLogger(MenuManager.class);
  22. publicstaticvoidmain(String[]args){
  23. //第三方用户唯一凭证
  24. StringappId="000000000000000000";
  25. //第三方用户唯一凭证密钥
  26. StringappSecret="00000000000000000000000000000000";
  28. //调用接口获取access_token
  29. AccessTokenat=WeixinUtil.getAccessToken(appId,appSecret);
  31. if(null!=at){
  32. //调用接口创建菜单
  33. intresult=WeixinUtil.createMenu(getMenu(),at.getToken());
  35. //判断菜单创建结果
  36. if(0==result)
  37. log.info("菜单创建成功！");
  38. else
  39. log.info("菜单创建失败，错误码："+result);
  40. }
  41. }
  43. /**
  44. *组装菜单数据
  45. *
  46. *@return
  47. */
  48. privatestaticMenugetMenu(){
  49. CommonButtonbtn11=newCommonButton();
  50. btn11.setName("天气预报");
  51. btn11.setType("click");
  52. btn11.setKey("11");
  54. CommonButtonbtn12=newCommonButton();
  55. btn12.setName("公交查询");
  56. btn12.setType("click");
  57. btn12.setKey("12");
  59. CommonButtonbtn13=newCommonButton();
  60. btn13.setName("周边搜索");
  61. btn13.setType("click");
  62. btn13.setKey("13");
  64. CommonButtonbtn14=newCommonButton();
  65. btn14.setName("历史上的今天");
  66. btn14.setType("click");
  67. btn14.setKey("14");
  69. CommonButtonbtn15=newCommonButton();
  70. btn15.setName("电影排行榜");
  71. btn15.setType("click");
  72. btn15.setKey("32");
  74. CommonButtonbtn21=newCommonButton();
  75. btn21.setName("歌曲点播");
  76. btn21.setType("click");
  77. btn21.setKey("21");
  79. CommonButtonbtn22=newCommonButton();
  80. btn22.setName("经典游戏");
  81. btn22.setType("click");
  82. btn22.setKey("22");
  84. CommonButtonbtn23=newCommonButton();
  85. btn23.setName("美女电台");
  86. btn23.setType("click");
  87. btn23.setKey("23");
  89. CommonButtonbtn24=newCommonButton();
  90. btn24.setName("人脸识别");
  91. btn24.setType("click");
  92. btn24.setKey("24");
  94. CommonButtonbtn25=newCommonButton();
  95. btn25.setName("聊天唠嗑");
  96. btn25.setType("click");
  97. btn25.setKey("25");
  99. CommonButtonbtn31=newCommonButton();
  100. btn31.setName("Q友圈");
  101. btn31.setType("click");
  102. btn31.setKey("31");
  104. CommonButtonbtn33=newCommonButton();
  105. btn33.setName("幽默笑话");
  106. btn33.setType("click");
  107. btn33.setKey("33");
  109. CommonButtonbtn34=newCommonButton();
  110. btn34.setName("用户反馈");
  111. btn34.setType("click");
  112. btn34.setKey("34");
  114. CommonButtonbtn35=newCommonButton();
  115. btn35.setName("关于我们");
  116. btn35.setType("click");
  117. btn35.setKey("35");
  119. ViewButtonbtn32=newViewButton();
  120. btn32.setName("使用帮助");
  121. btn32.setType("view");
  122. btn32.setUrl("http://liufeng.gotoip2.com/xiaoqrobot/help.jsp");
  124. ComplexButtonmainBtn1=newComplexButton();
  125. mainBtn1.setName("生活助手");
  126. mainBtn1.setSub_button(newButton[]{btn11,btn12,btn13,btn14,btn15});
  128. ComplexButtonmainBtn2=newComplexButton();
  129. mainBtn2.setName("休闲驿站");
  130. mainBtn2.setSub_button(newButton[]{btn21,btn22,btn23,btn24,btn25});
  132. ComplexButtonmainBtn3=newComplexButton();
  133. mainBtn3.setName("更多");
  134. mainBtn3.setSub_button(newButton[]{btn31,btn33,btn34,btn35,btn32});
  136. /**
  137. *这是公众号xiaoqrobot目前的菜单结构，每个一级菜单都有二级菜单项<br>
  138. *
  139. *在某个一级菜单下没有二级菜单的情况，menu该如何定义呢？<br>
  140. *比如，第三个一级菜单项不是“更多体验”，而直接是“幽默笑话”，那么menu应该这样定义：<br>
  141. *menu.setButton(newButton[]{mainBtn1,mainBtn2,btn33});
  142. */
  143. Menumenu=newMenu();
  144. menu.setButton(newButton[]{mainBtn1,mainBtn2,mainBtn3});
  146. returnmenu;
  147. }
  148. }

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

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


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

转帖请注明本文出自柳峰的博客（http://blog.csdn.net/lyq8479），请尊重他人的辛勤劳动成果，谢谢！

iteye_264
关注
Java开发微信公众号之整合weixin-java-tools框架开发微信公众号
Thinkingcao的专栏
04-16 2万+
微信开发者接入文档 ：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421135319 一、前言 在要做微信项目开发前，大家都会去了解微信公众号的类型和注册流程，以及不同公众号的功能使用权限，这个我前面文章也有过介绍，做微信开发公众号最起码得是一个已认证的服务号，这里我是指企业项目哈，当然如果是自己学习研究的话，直接去...
Java开发微信公众号之被动回复用户消息-回复文本消息
Thinkingcao的专栏
05-20 5338
一、前言 小伙伴们，大家好，关于微信系列的文章好久没有更新了，偶尔看到有小伙伴在文末评论说文章太浅显了，想让我写点有进阶性的东西，其实一开始写微信相关文章的目的是帮助更多零基础的微信开发者快速了解、接入、熟悉到微信公众号开发，快速融入到这个环境中，以及学习如何使用当下比较流行的WxJava这一款SDK框架开发我们自己的微信公众号后台，实现一些常用的： 文本消息回复、图片消息回复、自定义菜单、菜单点击事件、以及模板消息推送、自定义带参数二维码流量分销等功能，因此本篇文章将以在接入开发者后，如何使用Java语言
[039] 微信公众帐号开发教程第15篇-自定义菜单的view类型（访问网页）
923723914
10-11 328
引言及内容概要 距离写上一篇文章《自定义菜单的创建及菜单事件响应》整整过了两个月的时间，那时公众平台还没有开放view类型的菜单。在不久前，微信公众平台悄悄开放了view类型的菜单，却没有在首页发布任何通知，貌似微信团队很喜欢这么干。一个偶然的机会，我留意到API文档的自定义菜单接口发生了变化，增加了对菜单view类型的说明： view（访问网页）： 用户点击view类型按钮后，会直接...
【报告分享】 2020年度中国消费趋势报告-苏宁金融研究院（附下载）
热门推荐
行业报告智库
12-24 5万+
摘要:如今，在“国内大循环”的经济发展新基调下，消费正变得越来越重要，而如何挖掘居民消费潜力也成为了各方人士无比关心的话题。 来源:苏宁金融研究院 如需查看完整报告和报告下载或了解更多，微信公众号：行业报告智库 ...
OSGi原理与最佳实践：第一章 OSGi框架简介（2）
abcd_0207的博客
01-24 427
OSGi原理与最佳实践：第一章 OSGi框架简介（2） 由 ValRay发布 已被浏览4884次 共有3条评论 已被3个人收藏 2013-08-16 21:23 顶(0) 踩(0) osgi原理与最佳实践 1.1.4 开发传统类型的应用 1.1.4.1 B/S 我们首先来看一下，如何基于 OSGi 来开发 B/S 结...
如何搭建免费的个人网站
infi
06-02 1万+
1. 新建一个github账号，然后登陆https://github.com2，新建一个repository3,上传网站你可以自己写一个网站，或者在网上下载一个网站模板http://www.cssmoban.com/。然后将网站上传到该repository中4，设置GitHub主页5，现在就可以访问主页了https://zhouyinfei.github.io/qiulin/6，申请免费域名htt...
一看就会系列之ShutdownHook入门
infi
07-27 949
一、ShutdownHook的用途 在很多实际应用环境中，当用户关闭了应该用程序时，需要做一些善后清理工作，但实际上程序很可能并不是按照设想中那样正常的关闭，导致清理工作不起作用，这时ShutdownHook就派上了用场。 jvm会在以下退出情况下调用ShutdownHook事件： 最后一个非守护进程线程退出或调用exit（相当于system.exi...
JAVA微信开发资料
10-15
微信公众帐号开发教程第 15 篇-自定义菜单的 view 类型（访问网页）.. 117 微信公众帐号开发教程第 16 篇-应用实例之历史上的今天.123 微信公众帐号开发教程第 17 篇-应用实例之智能翻译132 微信公众帐号开发教程第 ...
06 - 微信公众号的菜单配置
风逸云舒
03-03 1472
06 - 微信公众号的菜单配置 目录 1.1.抽象报文信息 1.2.菜单配置 1.微信公众号菜单 首先要配置微信公众号的菜单之前，需要了解微信平台对菜单的api是如何进行定义的。 详细信息参考url如下： https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html 调用的微信请求如下： https://api.weixin.qq.com/cgi
给自建网站加入统计功能
infi
12-19 1026
我们知道，CSDN有访问统计的功能，可以统计问我们博客有多少人访问，排名是多少等信息。这些信息可以给我们实时反馈，而实时反馈也是我们坚持写下去的动力。有时我们自己也想搭一个网站，想了解一下网站的访问情况，这个时候可以使用百度统计的功能了。 百度统计主页：https://tongji.baidu.com/web/10000119710/welcome/login ...
Java之微信开发自定义菜单的实现
青荇
03-01 319
最近弄了几天微信自定义菜单的开发，对比着接口文档写了一段时间，但是一直都有错误，我用了接口在线调试工具https://mp.weixin.qq.com/debug/看到了一个菜单的初级效果，在实现自定义菜单的开发中主要参考了这篇博客http://blog.csdn.net/lyq8479/article/details/9841371非常感谢柳峰老师的博客。接下来讲一下我怎么实现的。 实现这些的基
【报告分享】女性群体消费趋势研究报告-苏宁金融研究院（附下载）
行业报告智库
03-10 2万+
摘要:女性一直都是消费市场上的中坚力量。她们基数庞大，感情丰富，偏爱一切与“美”相关的事物，追求时尚和潮流；而收入水平的不断增加与社会地位的持续上升，又让她们越来越热衷于按照自己的个性去消费和生活。这些，都促成了“女性经济”市场的繁荣。 来源:苏宁金融研究院 如需查看完整报告和报告下载或了解更多，微信公众号：行业报告智库 ...
【报告分享】 单身消费趋势研究报告-苏宁（附下载）
行业报告智库
01-18 447
摘要:单身，已经成为当前一种较为普遍的社会现象。 来源:苏宁金融研究院 如需查看完整报告和报告下载或了解更多，微信公众号：行业报告智库
选择器之二 层次选择器
Oliver的博客
07-21 565
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;!--内部样式 写在head中--&gt; &lt;style type=&q
python输入名字配对情侣网名_定制情侣网名输入名字
weixin_39795845的博客
12-02 1683
5字经典情侣网名大全一对：感情的倔强 |执着的梦想时光恋人i ♥ 时光爱人i毕竟你是光 ♥ 我无法独享祖国小嫩草 ♥ 祖国小花朵流年，残颜 &heartqq情侣网名06-02|查看全文在线设置情侣网名定制情侣网名在线设计在线设置情侣网名定制情侣网名在线设 计亲爱哒﹁.嘴个 | 嘴个.﹂亲爱哒 永远的...12-02|查看全文个性定制网名游戏情侣网名情侣专用个性定制网名|游戏情...
微信自定义菜单
weixin_30553837的博客
03-14 163
自定义菜单接口可实现多种类型按钮，如下： 1、click：点击推事件 用户点击click类型按钮后，微信服务器会通过消息接口推送消息类型为event 的结构给开发者（参考消息接口指南），并且带上按钮中开发者填写的key值，开发者可以通过自定义的key值与用户进行交互； 2、view：跳转URL 用户点击view类型按钮后，微信客户端将会打开开发者在按钮中填写的网页URL，可与网页授权获取用...
微信公众平台开发，自定义菜单和消息处理及其工具类封装
Linn的博客
08-23 549
微信公众平台开发，自定义菜单和消息处理及其工具类封装 今天是一篇实在的实战文章哦，最近做了一个公众号平台开发，里面碰到了**自定义菜单开发、自动回复消息处理**，水平有限，自己动了动小脑子做了一些简单封装，然后记录一下???? ## 消息处理 如果你正在看[微信开放文档] 那么你应该知道微信发送的消息有多种类型，那么我们对多种类型做封装呢，并且省去那些繁杂的if
微信公众账号开发全攻略：实战教程与技巧分享
作者拥有超过两个月的微信公众账号开发经验，包括个人公众账号 "xiaoqrobot" 和为企业开发的两个不同类型的应用，涵盖了文本、图文、音乐、语音和位置消息的处理，以及菜单的创建。 教程的侧重点在于实用性，而不是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值