404 Not Found
404 Not Found
nginx/1.2.4微信公众平台开发教程（五）自定义菜单（含实例源码） - 停留的风 - 博客园
posts - 230, comments - 1180, trackbacks - 5, articles - 27
微信公众平台开发教程（五）自定义菜单
请尊重作者版权，如需转载，请标明出处。
应大家强烈要求，将自定义菜单功能课程提前。
一、概述：
如果只有输入框，可能太简单，感觉像命令行。自定义菜单，给我们提供了很大的灵活性，更符合用户的操作习惯。在一个小小的微信对话页面，可以实现更多的功能。菜单直观明了，不仅能提供事件响应，还支持URL跳转，如果需要的功能比较复杂，我们大可以使用URL跳转，跳转至我们的网页即可。
注意：自定义菜单，只有服务号才有此功能
如何注册，见第一章：
效果如下，
接着我们详细介绍，如何实现自定义菜单？
二、详细步骤：
1、首先获取access_token&
access_token是公众号的全局唯一票据，公众号调用各接口时都需使用access_token。正常情况下access_token有效期为7200秒，重复获取将导致上次获取的access_token失效。
公众号可以使用AppID和AppSecret调用本接口来获取access_token。AppID和AppSecret可在开发模式中获得（需要已经成为开发者，且帐号没有异常状态）。注意调用所有微信接口时均需使用https协议。
接口调用请求说明
http请求方式: GET
参数是否必须说明
grant_type
获取access_token填写client_credential
第三方用户唯一凭证
第三方用户唯一凭证密钥，既appsecret
正常情况下，微信会返回下述JSON数据包给公众号：
{"access_token":"ACCESS_TOKEN","expires_in":7200}
access_token
获取到的凭证
expires_in
凭证有效时间，单位：秒
错误时微信会返回错误码等信息，JSON数据包示例如下（该示例为AppID无效错误）:
{"errcode":40013,"errmsg":"invalid appid"}&
2、创建自定义菜单
自定义菜单能够帮助公众号丰富界面，让用户更好更快地理解公众号的功能。开启自定义菜单后，公众号界面如图所示：
目前自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以&...&代替。请注意，创建自定义菜单后，由于微信客户端缓存，需要24小时微信客户端才会展现出来。建议测试时可以尝试取消关注公众账号后再次关注，则可以看到创建后的效果。
目前自定义菜单接口可实现两种类型按钮，如下：
用户点击click类型按钮后，微信服务器会通过消息接口推送消息类型为event 的结构给开发者（参考消息接口指南），并且带上按钮中开发者填写的key值，开发者可以通过自定义的key值与用户进行交互；
用户点击view类型按钮后，微信客户端将会打开开发者在按钮中填写的url值 （即网页链接），达到打开网页的目的，建议与网页授权获取用户基本信息接口结合，获得用户的登入个人信息。
接口调用请求说明
http请求方式：POST（请使用https协议）&
"button":[
"type":"click",
"name":"今日歌曲",
"key":"V1001_TODAY_MUSIC"
"type":"click",
"name":"歌手简介",
"key":"V1001_TODAY_SINGER"
"name":"菜单",
"sub_button":[
"type":"view",
"name":"搜索",
"type":"view",
"name":"视频",
"type":"click",
"name":"赞一下我们",
"key":"V1001_GOOD"
参数是否必须说明
一级菜单数组，个数应为1~3个
sub_button
二级菜单数组，个数应为1~5个
菜单的响应动作类型，目前有click、view两种类型
菜单标题，不超过16个字节，子菜单不超过40个字节
click类型必须
菜单KEY值，用于消息接口推送，不超过128字节
view类型必须
网页链接，用户点击菜单可打开链接，不超过256字节
正确时的返回JSON数据包如下：
{"errcode":0,"errmsg":"ok"}
错误时的返回JSON数据包如下（示例为无效菜单名长度）：
{"errcode":40018,"errmsg":"invalid button name size"}
3、查询菜单
使用接口创建自定义菜单后，开发者还可使用接口查询自定义菜单的结构。
http请求方式：GET
对应创建接口，正确的Json返回结果:
{"menu":{"button":[{"type":"click","name":"今日歌曲","key":"V1001_TODAY_MUSIC","sub_button":[]},{"type":"click","name":"歌手简介","key":"V1001_TODAY_SINGER","sub_button":[]},{"name":"菜单","sub_button":[{"type":"view","name":"搜索","url":"","sub_button":[]},{"type":"view","name":"视频","url":"","sub_button":[]},{"type":"click","name":"赞一下我们","key":"V1001_GOOD","sub_button":[]}]}]}}
4、删除菜单
使用接口创建自定义菜单后，开发者还可使用接口删除当前使用的自定义菜单。
http请求方式：GET
对应创建接口，正确的Json返回结果:
{"errcode":0,"errmsg":"ok"}
5、事件处理
用户点击自定义菜单后，如果菜单按钮设置为click类型，则微信会把此次点击事件推送给开发者，注意view类型（跳转到URL）的菜单点击不会上报。
推送XML数据包示例：
&ToUserName&&![CDATA[toUser]]&&/ToUserName&
&FromUserName&&![CDATA[FromUser]]&&/FromUserName&
&CreateTime&&/CreateTime&
&MsgType&&![CDATA[event]]&&/MsgType&
&Event&&![CDATA[CLICK]]&&/Event&
&EventKey&&![CDATA[EVENTKEY]]&&/EventKey&
参数说明：
ToUserName
开发者微信号
FromUserName
发送方帐号（一个OpenID）
CreateTime
消息创建时间 （整型）
消息类型，event
事件类型，CLICK
事件KEY值，与自定义菜单接口中KEY值对应
三、实例讲解
还接着上一篇文章讲。
我们将在上一篇文章基础上，添加自定义菜单功能。
1、获取access_token
首先需要得到AppId和AppSecret
当你成为开发者后，自然能够在，开发者模式，便可看到这两个值，可以重置。
然后调用按照二.1中所示，进行操作。
注意：access_token有过期时间，如果过期，需要重新获取。
代码如下：
private static DateTime GetAccessToken_T
/// &summary&
/// 过期时间为7200秒
/// &/summary&
private static int Expires_Period = 7200;
/// &summary&
/// &/summary&
private static string mAccessT
/// &summary&
/// &/summary&
public static string AccessToken
//如果为空，或者过期，需要重新获取
if (string.IsNullOrEmpty(mAccessToken) || HasExpired())
mAccessToken = GetAccessToken(AppID, AppSecret);
return mAccessT
/// &summary&
/// &/summary&
/// &param name="appId"&&/param&
/// &param name="appSecret"&&/param&
/// &returns&&/returns&
private static string GetAccessToken(string appId, string appSecret)
string url = string.Format("https://api./cgi-bin/token?grant_type=client_credential&appid={0}&secret={1}", appId, appSecret);
string result = HttpUtility.GetData(url);
XDocument doc = XmlUtility.ParseJson(result, "root");
XElement root = doc.R
if (root != null)
XElement access_token = root.Element("access_token");
if (access_token != null)
GetAccessToken_Time = DateTime.N
if (root.Element("expires_in")!=null)
Expires_Period = int.Parse(root.Element("expires_in").Value);
return access_token.V
GetAccessToken_Time = DateTime.MinV
return null;
/// &summary&
/// 判断Access_token是否过期
/// &/summary&
/// &returns&bool&/returns&
private static bool HasExpired()
if (GetAccessToken_Time != null)
//过期时间，允许有一定的误差，一分钟。获取时间消耗
if (DateTime.Now & GetAccessToken_Time.AddSeconds(Expires_Period).AddSeconds(-60))
return true;
return false;
2、设置菜单
菜单需根据需要，按照实际要求进行设定。
这里我们提供天气查询功能，将常用的城市列出来，点击即可查询。
然后还提供了友情链接，这里提供了view类型的菜单，直接可以跳转至URL页面，为跳转做个好的演示。
具体菜单如下：
"button": [
"name": "链接",
"sub_button": [
"type": "view",
"name": "搜索",
"url": "/"
"type": "view",
"name": "视频",
"url": "/"
"type": "click",
"name": "赞一下我们",
"key": "BTN_GOOD"
"name": "查询天气",
"sub_button": [
"type": "click",
"name": "武汉",
"key": "BTN_TQ_WUHAN"
"type": "click",
"name": "上海",
"key": "BTN_TQ_SHANGHAI"
"type": "click",
"name": "北京",
"key": "BTN_TQ_BEIJING"
"type": "click",
"name": "帮助",
"key": "BTN_HELP"
3、管理菜单
因为菜单的变更没有那么频繁，因此通过txt文件来设置菜单，并通过管理界面来管理菜单。
主要的管理功能：
1）从文件加载菜单
2）创建菜单。即将菜单通知微信服务端，并更新至微信客户端
3）查询菜单。获取当前系统的菜单。
4）删除菜单。从微信服务器删除菜单，也可以删除后再创建。&
实现代码如下：
public class MenuManager
/// &summary&
/// 菜单文件路径
/// &/summary&
private static readonly string Menu_Data_Path = System.AppDomain.CurrentDomain.BaseDirectory + "/Data/menu.txt";
/// &summary&
/// 获取菜单
/// &/summary&
public static string GetMenu()
string url = string.Format("https://api./cgi-bin/menu/get?access_token={0}", Context.AccessToken);
return HttpUtility.GetData(url);
/// &summary&
/// 创建菜单
/// &/summary&
public static void CreateMenu(string menu)
string url = string.Format("https://api./cgi-bin/menu/create?access_token={0}", Context.AccessToken);
//string menu = FileUtility.Read(Menu_Data_Path);
HttpUtility.SendHttpRequest(url, menu);
/// &summary&
/// 删除菜单
/// &/summary&
public static void DeleteMenu()
string url = string.Format("https://api./cgi-bin/menu/delete?access_token={0}", Context.AccessToken);
HttpUtility.GetData(url);
/// &summary&
/// 加载菜单
/// &/summary&
/// &returns&&/returns&
public static string LoadMenu()
return FileUtility.Read(Menu_Data_Path);
4、基本方法
上面的代码，其实我们对一些公共功能做了封装。如进行get请求、POST提交等操作，读取文件等。
这里我们提供进行get、Post提交的方法案例代码，如果使用，建议优化。
using System.IO;
using System.N
using System.T
using System.W
namespace Yank.WeiXin.Robot.Utility
/// &summary&
/// Http帮助类
/// &/summary&
class HttpUtility
/// &summary&
/// 发送请求
/// &/summary&
/// &param name="url"&Url地址&/param&
/// &param name="data"&数据&/param&
public static string SendHttpRequest(string url, string data)
return SendPostHttpRequest(url,"application/x-www-form-urlencoded",data);
/// &summary&
/// &/summary&
/// &param name="url"&&/param&
/// &returns&&/returns&
public static string GetData(string url)
return SendGetHttpRequest(url,"application/x-www-form-urlencoded");
/// &summary&
/// 发送请求
/// &/summary&
/// &param name="url"&Url地址&/param&
/// &param name="method"&方法（post或get）&/param&
/// &param name="method"&数据类型&/param&
/// &param name="requestData"&数据&/param&
public static string SendPostHttpRequest(string url,string contentType,string requestData)
WebRequest request = (WebRequest)HttpWebRequest.Create(url);
request.Method = "POST";
byte[] postBytes = null;
request.ContentType = contentT
postBytes = Encoding.UTF8.GetBytes(requestData);
request.ContentLength = postBytes.L
using (Stream outstream = request.GetRequestStream())
outstream.Write(postBytes, 0, postBytes.Length);
string result = string.E
using (WebResponse response = request.GetResponse())
if (response != null)
using (Stream stream = response.GetResponseStream())
using (StreamReader reader = new StreamReader(stream, Encoding.UTF8))
result = reader.ReadToEnd();
/// &summary&
/// 发送请求
/// &/summary&
/// &param name="url"&Url地址&/param&
/// &param name="method"&方法（post或get）&/param&
/// &param name="method"&数据类型&/param&
/// &param name="requestData"&数据&/param&
public static string SendGetHttpRequest(string url, string contentType)
WebRequest request = (WebRequest)HttpWebRequest.Create(url);
request.Method = "GET";
request.ContentType = contentT
string result = string.E
using (WebResponse response = request.GetResponse())
if (response != null)
using (Stream stream = response.GetResponseStream())
using (StreamReader reader = new StreamReader(stream, Encoding.UTF8))
result = reader.ReadToEnd();
using System.Xml.L
using Newtonsoft.J
namespace Yank.WeiXin.Robot.Utility
class XmlUtility
/// &summary&
/// &/summary&
/// &param name="json"&&/param&
/// &param name="rootName"&&/param&
/// &returns&&/returns&
public static XDocument ParseJson(string json,string rootName)
return JsonConvert.DeserializeXNode(json, rootName);
5、事件处理
设置了菜单，这下需要处理事件了。跟我们之前设计ASPX或者WinForm一样，都要绑定按钮的事件。这里只是通过XML消息将请求传递过来。
通过&2、设置菜单"中具体的菜单内容，我们便已经知道需要进行哪些事件处理了。对于按钮类型为view的，无须处理，它会自动跳转至指定url.
需要处理的点击事件：
2）查询某城市的天气，北京、上海、武汉
这个还要沿用上章中的事件处理器EventHandler来扩展处理。
具体的实现代码吧：
using System.Collections.G
using System.L
using System.T
using Yank.WeiXin.Robot.M
namespace Yank.WeiXin.Robot.Handlers
class EventHandler : IHandler
/// &summary&
/// 请求的xml
/// &/summary&
private string RequestXml { get; set; }
/// &summary&
/// 构造函数
/// &/summary&
/// &param name="requestXml"&&/param&
public EventHandler(string requestXml)
this.RequestXml = requestX
/// &summary&
/// 处理请求
/// &/summary&
/// &returns&&/returns&
public string HandleRequest()
string response = string.E
EventMessage em = EventMessage.LoadFromXml(RequestXml);
if (em != null)
switch (em.Event.ToLower())
case ("subscribe"):
response = SubscribeEventHandler(em);
case "click":
response = ClickEventHandler(em);
/// &summary&
/// &/summary&
/// &param name="em"&&/param&
/// &returns&&/returns&
private string SubscribeEventHandler(EventMessage em)
//回复欢迎消息
TextMessage tm = new TextMessage();
tm.ToUserName = em.FromUserN
tm.FromUserName = em.ToUserN
tm.CreateTime = Common.GetNowTime();
tm.Content = "欢迎您关注***，我是大哥大，有事就问我，呵呵！\n\n";
return tm.GenerateContent();
/// &summary&
/// 处理点击事件
/// &/summary&
/// &param name="em"&&/param&
/// &returns&&/returns&
private string ClickEventHandler(EventMessage em)
string result = string.E
if (em != null && em.EventKey != null)
switch (em.EventKey.ToUpper())
case "BTN_GOOD":
result = btnGoodClick(em);
case "BTN_TQ_BEIJING":
result = searchWeather("beijing", em);
case "BTN_TQ_SHANGHAI":
result = searchWeather("shanghai", em);
case "BTN_TQ_WUHAN":
result = searchWeather("wuhai", em);
case "BTN_HELP":
result = btnHelpClick(em);
/// &summary&
/// 赞一下
/// &/summary&
/// &param name="em"&&/param&
/// &returns&&/returns&
private string btnGoodClick(EventMessage em)
//回复欢迎消息
TextMessage tm = new TextMessage();
tm.ToUserName = em.FromUserN
tm.FromUserName = em.ToUserN
tm.CreateTime = Common.GetNowTime();
tm.Content = @"谢谢您的支持！";
return tm.GenerateContent();
/// &summary&
/// &/summary&
/// &param name="em"&&/param&
/// &returns&&/returns&
private string btnHelpClick(EventMessage em)
//回复欢迎消息
TextMessage tm = new TextMessage();
tm.ToUserName = em.FromUserN
tm.FromUserName = em.ToUserN
tm.CreateTime = Common.GetNowTime();
tm.Content = @"查询天气，输入tq 城市名称\拼音\首字母";
return tm.GenerateContent();
/// &summary&
/// 查询天气
/// &/summary&
/// &param name="cityName"&&/param&
/// &param name="em"&&/param&
/// &returns&&/returns&
private string searchWeather(string cityName, EventMessage em)
TextMessage tm = new TextMessage();
tm.Content = WeatherHelper.GetWeather(cityName);
//进行发送者、接收者转换
tm.ToUserName = em.FromUserN
tm.FromUserName = em.ToUserN
tm.CreateTime = Common.GetNowTime();
return tm.GenerateContent();
终于大工告成，最后来看下效果图吧
请尊重作者版权，如需转载，请标明出处。
&下一章计划：
微信公众平台开发教程（六）获取个性二维码微信中的自定义菜单主要是什么作用？_百度知道
微信中的自定义菜单主要是什么作用？
微信中的自定义菜单：可以设置三个大菜单，每个大菜单下最多可以延伸五个子菜单。点击父菜单会弹出该父菜单下的子菜单，点击每个子菜单，将会触发请求，返回信息。用户能够通过简单的点击获得账号提供的最主要的信息服务。自定义菜单最大的优点是减少了用户的认知门槛，可以将公众账号里的重点信息入口直观的暴露给用户。当用户进入到公众账号时，可以一目了然的了解相关 的服务，只需要点击，不需要再通过一系列的命令行交互（或者简化了命令行交互的方式，提供了更低门槛的入口）。
其他类似问题
19人觉得有用
为您推荐：
提问者采纳
　　wei信宝提供wei信公众号自定义菜单管理功能，　　方便用户查看信息的，　　你去参考实迈wei信宝的自定义菜单。　　
提问者评价
其他1条回答
根据微信”微信自定义菜单“的文档，微信自定义菜单接口可实现两种类型按钮：
1、Click（点击事件）
2、View（浏览网页，第一期功能只开放了 Click 事件）
用户点击 View 类型按钮后，即可浏览网页。
微信自定义菜单”功能实现以后，使用户有更加便捷的方式与企业进行“简单的对话式”交互。
增加了微信自定义菜单后，原有的公众账号瞬间变身一个完整的APP。这不但是从功能上如此定义，从实际的操作体验上，真的就像是在操作一个独立APP，只不过这个APP在外层嵌套着微信的一个壳。这已可算出超出用户的体验期待了
微信公众平台自定义菜单功能意味着微信距离“WeChat Store”更进一步，围绕微信进一步拓展开发者的施展空间。随着微信自定义菜单API的开放，对移动电商和自媒体必将引起强烈的反响。移动电商...
自定义的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁评论-1251&
trackbacks-16
& & 上一篇《》介绍了如何通过通用接口获取AccessToken，有了AccessToken，我们就可以来操作自定义菜单，以及其他的高级接口，这一篇单讲自定义菜单。
一、自定义菜单规则
自定义菜单分为一级菜单和二级菜单。
一级菜单数量为1-3个，即打开公众账号直接可以看到排列在最下方的最多3个按钮。一级菜单的文字最多不能超过16字节（相当于8个汉字）。
二级菜单从属于一级菜单，数量为1-5个。二级菜单的文字不最多不能超过40字节（相当于20个汉字）。
无论一级菜单还是二级菜单，都有两个触发事件可以选择，分别是：点击（click，值不能超过128字节）和打开网址（view，url不能超过256个字节）。
当一个一级菜单下有二级菜单存在的时候，这个一级菜单按钮被点击不会有任何事件发生。
二、创建菜单
　　使用Senparc.Weixin.MP SDK创建自定义菜单非常简单。只需三步：
　　第一步：获取AccessToken
var accessToken = AccessTokenContainer.TryGetToken(appId, appSecret).access_
　　第二步：组织菜单内容
ButtonGroup bg = new ButtonGroup();
bg.button.Add(new SingleClickButton()
name = "单击测试",
key = "OneClick",
type = ButtonType.click.ToString(),//默认已经设为此类型，这里只作为演示
//二级菜单
var subButton = new SubButton()
name = "二级菜单"
subButton.sub_button.Add(new SingleClickButton()
key = "SubClickRoot_Text",
name = "返回文本"
subButton.sub_button.Add(new SingleClickButton()
key = "SubClickRoot_News",
name = "返回图文"
subButton.sub_button.Add(new SingleClickButton()
key = "SubClickRoot_Music",
name = "返回音乐"
subButton.sub_button.Add(new SingleViewButton()
name = "Url跳转"
bg.button.Add(subButton);
　　第三步：提交到微信服务器
var result = CommonApi.CreateMenu(accessToken, bg);
　　上面SingleClickButton和SingleViewButton分别对应了click和view两种菜单响应方式。
三、菜单查询
　　查询菜单同样需要按照上面的方式获取AccessToken，然后只需要一行代码：
var result = CommonApi.GetMenu(accessToken);
　　得到的result.menu的结构即类似上述创建菜单时的ButtonGroup bg变量。
四、菜单删除
　　得到AccessToken后，删除菜单同样只需要一行代码：
var result = CommonApi.DeleteMenu(accessToken);
五、菜单响应事件
　　无论是click还是view，服务器都会收到不同的事件响应（见《》，分别触发OnEvent_ClickRequest()和OnEvent_ViewRequest()。
　　不同的是，click之后客户端可以得到返回信息，而view在收到请求后，无论返回什么信息，客户端都无法收到（直接打开URL了）。&
六、自定义菜单可视化编辑器
　　目前盛派网络在两个地方提供了免费的自定义菜单可视化编辑器，免去大家需要运行代码才能操作菜单的困境：
第二代：微微嗨（），注册添加微信公众账号之后即可获得一系列强大的管理功能。
七、个性化菜单
系列教程索引
阅读(...) 评论()自定义菜单，View类型的按钮，不能向后台传参数吗_百度知道
自定义菜单，View类型的按钮，不能向后台传参数吗
在范例脚本里：函数publicfunctionresponseMsg()里有呀$fromUsername=$postObj-&FromUsername不过这样的方式存在一定的安全风险。
资深电脑人
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}