开发公众号自定义菜单之创建菜单

文章目录

申请测试账号

https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo\&t=sandbox/index


得到appidsecret

换取Token

使用appidsecret换取token令牌

替换两个参数后,直接在浏览器打开就行。

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential\&appid=your_appid\&secret=your_secret

获得token.

接口测试

打开在线测试工具

https://mp.weixin.qq.com/debug


并切换到自定义菜单选项,输入刚才的token

至于body可以参考官方自定义菜单文档

https://developers.weixin.qq.com/doc/offiaccount/Custom_Menus/Creating_Custom-Defined_Menu.html

在官网复制的这段json记得删除红框所圈出的代码,然后放到body编辑框内。
如果不删除,会报错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"
                }
            ]
        }
    ]
}

提交自定义菜单

上面的两个编辑框填写完成之后,点击检查问题按钮

服务器将返回成功的状态信息(Request successful以及{"errcode":0,"errmsg":"ok"}):

如果报错,则根据官方文档查错

至此,我们就完成了菜单的创建。

查看效果

还是刚才复制appid和secret的那个网页:

https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo\&t=sandbox/index

在该页面往下划有测试号的二维码,用微信扫码关注就可以看到自定义菜单了

如果已经关注了,公众号不会立即更新,可以取消后重新关注

效果如图所示

现在你可以点击 搜索 这个子菜单, 它会自动跳转到搜狗搜索的主页。

其他两个菜单项需要服务器配合,目前没什么效果,下一篇博文有讲解如何配置。

校验菜单配置

还是在线测试工具网页: https://mp.weixin.qq.com/debug

使用自定义菜单的查询选项,然后点击检查问题按钮,就可以查询已经保存的菜单配置了。

清空菜单配置

同样是在线测试工具网页: https://mp.weixin.qq.com/debug

自定义菜单的另一个接口就是删除菜单了,可以随心尝试,删除后不再显示菜单项。

结束语

现在就可以随心所欲地实现点击菜单项跳转到任意链接了。

关于如何搭配服务器使用,看情况出博文,需要自己搭建测试服务器,不想花钱买服务器可以参考免费的内网穿透工具,土豪请自动忽略。

相关推荐
2401_844137952 天前
JAVA智慧社区系统跑腿家政本地生活商城系统小程序源码
微信·微信小程序·小程序·生活·微信公众平台·微信开放平台
黑科技编辑器6 天前
一图看懂好利来老鼠接奶酪SVG交互|伸长+滑动叠加排版|E2.COOL黑科技SVG编辑器
科技·编辑器·新媒体运营·交互·微信公众平台
2401_844137957 天前
PHP探索校园新生态校园帮小程序系统小程序源码
微信·微信小程序·小程序·微信公众平台·微信开放平台
Stanford_11067 天前
C++入门基础知识88(实例)——实例13【求一个数的阶乘】
开发语言·前端·javascript·微信小程序·微信公众平台·twitter·微信开放平台
2401_844137578 天前
PHP探索校园新生态校园帮小程序系统小程序源码
微信·微信小程序·小程序·微信公众平台·微信开放平台
360吹牛大王8 天前
赛事报名系统V1.1.3
微信小程序·小程序·微信公众平台
建群新人小猿8 天前
从事新闻、出版、教育、药品和医疗器械、文化、广播电影电视节目等互联网信息服务小程序备案说明
大数据·微信公众平台
Stanford_11068 天前
C++入门基础知识87(实例)——实例12【判断闰年】
开发语言·前端·javascript·微信小程序·微信公众平台·twitter·微信开放平台
2401_844139449 天前
PHP智慧教育新篇章优校管理系统小程序源码
微信·微信小程序·小程序·微信公众平台·微信开放平台
Stanford_11069 天前
C++入门基础知识86(实例)——实例11【计算自然数之和】
开发语言·前端·javascript·微信小程序·微信公众平台·twitter·微信开放平台