Java微信公众平台开发(十)--微信自定义菜单的创建实现

爱被打了一巴掌 2022-01-12 07:11 276阅读 0赞

转自：http://www.cuiyongzhi.com/post/48.html

自定义菜单这个功能在我们普通的编辑模式下是可以直接在后台编辑的，但是一旦我们进入开发模式之后我们的自定义菜单就需要自己用代码实现，所以对于刚开始接触的人来说可能存在一定的疑惑，这里我说下平时我们在开发模式下常用的两种自定义菜单的实现方式：①不用写实现代码，直接用网页测试工具Post json字符串生成菜单；②就是在我们的开发中用代码实现菜单生成！（参考文档：[http://mp.weixin.qq.com/wiki/10/0234e39a2025342c17a7d23595c6b40a.html][http_mp.weixin.qq.com_wiki_10_0234e39a2025342c17a7d23595c6b40a.html] ）在自定义菜单中菜单的类型分为两种，一种为view的视图菜单，点击之后直接跳转到url页面；还有一种是click类型的点击型，后端通过点击事件类型给与不同的相应；后面新增了各种特色功能的菜单其本质都还是Click类型的菜单，所以生成的规则都是一样的，其生成菜单的方式都是向微信服务器post json字符串生成菜单，下面讲述菜单生成的方法和规则！

（一）使用网页调试工具生成菜单

我们通过连接（[https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index&type=%E8%87%AA%E5%AE%9A%E4%B9%89%E8%8F%9C%E5%8D%95&form=%E8%87%AA%E5%AE%9A%E4%B9%89%E8%8F%9C%E5%8D%95%E5%88%9B%E5%BB%BA%E6%8E%A5%E5%8F%A3%20/menu/create][https_mp.weixin.qq.com_debug_cgi-bin_apiinfo_t_index_type_E8_87_AA_E5_AE_9A_E4_B9_89_E8_8F_9C_E5_8D_95_form_E8_87_AA_E5_AE_9A_E4_B9_89_E8_8F_9C_E5_8D_95_E5_88_9B_E5_BB_BA_E6_8E_A5_E5_8F_A3_20_menu_create] ）进入到网页调试工具，如下图：

![1.png][]

在这里我们生成菜单的时候只需要我们账号的有效token和json字符串即可，这里的json字符串可以参照文档中的案例做出修改得到，我这里给出的一个案例如下：

我们填入响应的token，点击检查问题如果返回结果Ok就可以了，如下：

![3.png][]

到这里我们采用web测试工具生成菜单的方式就完成了，下面接着介绍用代码生成菜单！

（二）采用代码实现菜单的生成

前面我们有说道在菜单中有view和click两种类型的事件，这里我们首先在代码中建立两种类型对应的java实体，view类型建立实体ViewButton.java如下：

同样的建立click的实体ClickButton.java如下：

这里创建两个实体也是为了方便我们在自定义菜单中对json的封装，在这里我用代码的形式封装了上面给出的同样的json格式，并调用生成自定义菜单的接口发送到微信服务器，简单代码如下：

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div> 
    <div>
      20 
    </div> 
    <div>
      21 
    </div> 
    <div>
      22 
    </div> 
    <div>
      23 
    </div> 
    <div>
      24 
    </div> 
    <div>
      25 
    </div> 
    <div>
      26 
    </div> 
    <div>
      27 
    </div> 
    <div>
      28 
    </div> 
    <div>
      29 
    </div> 
    <div>
      30 
    </div> 
    <div>
      31 
    </div> 
    <div>
      32 
    </div> 
    <div>
      33 
    </div> 
    <div>
      34 
    </div> 
    <div>
      35 
    </div> 
    <div>
      36 
    </div> 
    <div>
      37 
    </div> 
    <div>
      38 
    </div> 
    <div>
      39 
    </div> 
    <div>
      40 
    </div> 
    <div>
      41 
    </div> 
    <div>
      42 
    </div> 
    <div>
      43 
    </div> 
    <div>
      44 
    </div> 
    <div>
      45 
    </div> 
    <div>
      46 
    </div> 
    <div>
      47 
    </div> 
    <div>
      48 
    </div> 
    <div>
      49 
    </div> 
    <div>
      50 
    </div> 
    <div>
      51 
    </div> 
    <div>
      52 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>package</code>&nbsp; 
      <code>com.cuiyongzhi.wechat.menu;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>import</code>&nbsp; 
      <code>com.alibaba.fastjson.JSONObject;</code> 
     </div> 
     <div> 
      <code>import</code>&nbsp; 
      <code>com.cuiyongzhi.wechat.util.HttpUtils;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>import</code>&nbsp; 
      <code>net.sf.json.JSONArray;</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>public</code>&nbsp; 
      <code>class</code>&nbsp; 
      <code>MenuMain&nbsp;{ </code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>public</code>&nbsp; 
      <code>static</code>&nbsp; 
      <code>void</code>&nbsp; 
      <code>main(String[]&nbsp;args)&nbsp;{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>ClickButton&nbsp;cbt=</code> 
      <code>new</code>&nbsp; 
      <code>ClickButton();</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>cbt.setKey(</code> 
      <code>"image"</code> 
      <code>);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>cbt.setName(</code> 
      <code>"回复图片"</code> 
      <code>);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>cbt.setType(</code> 
      <code>"click"</code> 
      <code>);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>ViewButton&nbsp;vbt=</code> 
      <code>new</code>&nbsp; 
      <code>ViewButton();</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>vbt.setUrl(</code> 
      <code>"<a href="http://www.cuiyongzhi.com/" rel="nofollow">http://www.cuiyongzhi.com</a>"</code> 
      <code>);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>vbt.setName(</code> 
      <code>"博客"</code> 
      <code>);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>vbt.setType(</code> 
      <code>"view"</code> 
      <code>);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>JSONArray&nbsp;sub_button=</code> 
      <code>new</code>&nbsp; 
      <code>JSONArray();</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>sub_button.add(cbt);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>sub_button.add(vbt);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>JSONObject&nbsp;buttonOne=</code> 
      <code>new</code>&nbsp; 
      <code>JSONObject();</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>buttonOne.put(</code> 
      <code>"name"</code> 
      <code>,&nbsp;</code> 
      <code>"菜单"</code> 
      <code>);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>buttonOne.put(</code> 
      <code>"sub_button"</code> 
      <code>,&nbsp;sub_button);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>JSONArray&nbsp;button=</code> 
      <code>new</code>&nbsp; 
      <code>JSONArray();</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>button.add(vbt);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>button.add(buttonOne);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>button.add(cbt);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>JSONObject&nbsp;menujson=</code> 
      <code>new</code>&nbsp; 
      <code>JSONObject();</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>menujson.put(</code> 
      <code>"button"</code> 
      <code>,&nbsp;button);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>System.out.println(menujson);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>//这里为请求接口的url&nbsp;&nbsp;&nbsp;+号后面的是token，这里就不做过多对token获取的方法解释</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>String&nbsp;url=</code> 
      <code>"<a href="https://api.weixin.qq.com/cgi-bin/menu/create?access_token=" rel="nofollow">https://api.weixin.qq.com/cgi-bin/menu/create?access_token=</a>"</code> 
      <code>+</code> 
      <code>"upeDW-2pWrHgLx3fGqgsvAvf-HkQBA--5uHOo9OW16uNdL9zNPnnuIN01UDFXh_5d-QdcnBxux9tXigFwm1z0SInbdkXEKa1pMhTqaZVxK7sCPj7421YQGI0v3evwiwiWALjAHASWH"</code> 
      <code>;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>try</code> 
      <code>{ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>String&nbsp;rs=HttpUtils.sendPostBuffer(url,&nbsp;menujson.toJSONString());</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>System.out.println(rs);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}</code> 
      <code>catch</code> 
      <code>(Exception&nbsp;e){ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>System.out.println(</code> 
      <code>"请求错误！"</code> 
      <code>);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code>&nbsp; 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

上面代码的基本流程就是调用view和click两个实体封装json字符串menujson，最后调用发送方法将json发送给腾讯服务器，但是这里需要用到账号生成的token，我这里是直接写死的（token的获取方式可以参见[http://www.cuiyongzhi.com/?id=44][http_www.cuiyongzhi.com_id_44] ），最终运行返回结果ok即可，如下：

![4.png][]

自定义菜单的功能实现基本就是这些，下一篇将讲述【微信公众平台（map.weixin.qq.com）/开放平台（open.weixin.qq.com）/商户平台（pay.weixin.qq.com）之间的关联关系】希望可以对你给出帮助，感谢你的翻阅，如有疑问可以留言讨论！

转载于:https://www.cnblogs.com/sharpest/p/10247822.html

[http_mp.weixin.qq.com_wiki_10_0234e39a2025342c17a7d23595c6b40a.html]: http://mp.weixin.qq.com/wiki/10/0234e39a2025342c17a7d23595c6b40a.html
[https_mp.weixin.qq.com_debug_cgi-bin_apiinfo_t_index_type_E8_87_AA_E5_AE_9A_E4_B9_89_E8_8F_9C_E5_8D_95_form_E8_87_AA_E5_AE_9A_E4_B9_89_E8_8F_9C_E5_8D_95_E5_88_9B_E5_BB_BA_E6_8E_A5_E5_8F_A3_20_menu_create]: https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index&type=%E8%87%AA%E5%AE%9A%E4%B9%89%E8%8F%9C%E5%8D%95&form=%E8%87%AA%E5%AE%9A%E4%B9%89%E8%8F%9C%E5%8D%95%E5%88%9B%E5%BB%BA%E6%8E%A5%E5%8F%A3%20/menu/create
[1.png]: /images/20220109/8f4b5cdc809a4ec39cd3ac10c4a4ec93.png
[3.png]: /images/20220109/18ef8bf465de40e992d6a657cff3576a.png
[http_www.cuiyongzhi.com_id_44]: http://www.cuiyongzhi.com/?id=44
[4.png]: /images/20220109/4f5776acfb4f49409af9ea0d6cdf107a.png