微信公众平台自定义菜单

2014年-07月-16日

微信公众平台自定义菜单的出现让客户更便捷的了解到公司的主要栏目,然而初学者常常遇到access_token的获取及body栏目不知道该如何填写的问题,道成将实际客户案例总结出来供朋友们参考
首先我们登陆到公众平台,在新版的页面中直接显示了我们的appID等信息
我们需要用到的是 AppId 及 AppSecret

1,访问 http://mp.weixin.qq.com/debug 输入信息

其中橙色部分就是我们的 access_token 信息 把这个记录下来一会要用到



还有一个方法可以获取:
就是用你的appid及appsecret替换链接中的信息,直接修改后的地址输入到浏览器访问
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
浏览器访问结果显示

这个结果跟前面的方法获取到的是一样的,至此我们已经成功获取到了access_token 信息 

2,进入自定义菜单编辑页面

https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index&type=自定义菜单&form=自定义菜单创建接口%20/menu/create
将access_token信息填入,信息正确的时候会提示通过



现在最主要的就是body内要怎么填写呢
我们参照官方的开发文档
http://mp.weixin.qq.com/wiki/index.php?title=自定义菜单创建接口

 {
     "button":[
     {
          "type":"click",
          "name":"今日歌曲",
          "key":"V1001_TODAY_MUSIC"
      },
      {
           "type":"click",
           "name":"歌手简介",
           "key":"V1001_TODAY_SINGER"
      },
      {
           "name":"菜单",
           "sub_button":[
           {
               "type":"view",
               "name":"搜索",
               "url":"http://www.soso.com/"
            },
            {
               "type":"view",
               "name":"视频",
               "url":"http://v.qq.com/"
            },
            {
               "type":"click",
               "name":"赞一下我们",
               "key":"V1001_GOOD"
            }]
       }]
 }

将此代码输入到body中检查问题自然是没有问题数你通过
我们首先要把这个改成我们自己的
参照开发表


在本实例中因为是要打开url链接,网页文件已经在服务器上可以正常访问了
其实这个也是用的最多的方式
在这种方式下type为view url,语句的写法上跟php类似
修改过后的实例代码
{
    "button": [
        {
            "type": "view", 
            "name": "公司介绍", 
            "url": "http://www.dc-brand.com/about.html"
        }, 
        {
            "type": "view", 
            "name": "运单查询", 
            "url": "http://www.dc-brand.com/search.html"
        }, 
        {
            "name": "其他查询", 
            "sub_button": [
                {
                    "type": "view", 
                    "name": "网点列表", 
                    "url": "http://www.dc-brand.com/list.html"
                }, 
                {
                    "type": "view", 
                    "name": "在线下单", 
                    "url": "http://www.dc-brand.com/order.html"
                }, 
                {
                    "type": "view", 
                    "name": "价格时效", 
                    "url": "http://www.dc-brand.com/price.html"
                }
            ]
        }
    ]
}

将此代码填入body中点击 检查问题



提示成功,则我们的菜单创建成功,否则请检查代码或网址之类的信息是否有错