申请测试账号
申请Token
接口测试
打开在线测试工具
https://mp.weixin.qq.com/debug
参考官方自定义菜单文档
https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html
输入刚才获取的token和这段官网提供的json,并删除红框所圈出的代码
如果不删除,会报错no permission to use weapp in menu rid: 665082,类似于没权限绑定该小程序
删除后的代码如下:
···json
{
"button": [
{
"type": "click",
"name": "今日歌曲",
"key": "V1001_TODAY_MUSIC"
},
{
"name": "菜单",
"sub_button": [
{
"type": "view",
"name": "搜索",
"url": "http://www.soso.com/"
},
{
"type": "click",
"name": "赞一下我们",
"key": "V1001_GOOD"
}
]
}
]
}
![image.png](https://upload-images.jianshu.io/upload_images/21614178-441179ec2a05724c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
# 检查问题
上面的两个编辑框填写完成之后,点击检查问题按钮
服务器将返回成功的状态信息(`Request successful`以及`{"errcode":0,"errmsg":"ok"}`):
![image.png](https://upload-images.jianshu.io/upload_images/21614178-35c17e9246f0c541.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
*如果报错,则根据官方文档查错*
这样,我们就完成了菜单的创建。
# 查看效果
https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo
扫描测试号申请成功的页面下面生成的测试号二维码,就可以看到自定义菜单效果了
![image.png](https://upload-images.jianshu.io/upload_images/21614178-453ea295e3e08790.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
*如果已经关注了,他不会立即更新,可以取消后重新关注*
![image.png](https://upload-images.jianshu.io/upload_images/21614178-dabc1f455b4cb117.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
现在你可以点击`搜索`这个子菜单, 它会自动跳转到搜狗搜索的主页。
其他两个菜单项需要服务器配合,目前没什么效果,下一篇博文有讲解如何配置。
# 校验菜单配置
使用在线测试接口的查询选项,然后检查问题,就可以查询已经保存的菜单配置了。
![image.png](https://upload-images.jianshu.io/upload_images/21614178-148ec8a673252fd3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
# 清空菜单配置
在线接口提供的另外一个接口就是删除菜单了,可以随心尝试
![image.png](https://upload-images.jianshu.io/upload_images/21614178-159802cb2cb5fe2c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)