小程序右上角菜单如何增加子菜单?
小程序右上角菜单可以直接进入小程序的任何一个部分,大大地提高了小程序使用体验。但是如果开发者在最初少安置了相关的内容,那就要重新设置一下。小程序右上角菜单如何增加子菜单?大家需要通过创建接口的方式。
自定义菜单接口能够帮助小程序右上角菜单丰富内容,让用户更好更快地理解小程序的功能。小程序右上角菜单增加子菜单之后,小程序界面如图所示:
click和view的请求示例
{
"button":[
{
"type":"click",
"name":"今日歌曲",
"key":"V1001_TODAY_MUSIC"
},
{
"name":"菜单",
"sub_button":[
{
"type":"view",
"name":"小程序搜索",
"url":".soso/"
},
{
"type":"miniprogram",
"name":"wxa",
"url":"mp.weixin.qq",
"appid":"wx286b93c14bbf93aa",
"pagepath":"pages/lunar/index"
},
{
"type":"click",
"name":"赞一下我们",
"key":"V1001_GOOD"
}]
}]
}
其他新增按钮类型的请求示例
{
"button": [
{
"name": "扫描小程序二维码",
"sub_button": [
{
"type": "scancode_waitmsg",
"name": "扫码带提示",
"key": "rselfmenu_0_0",
"sub_button": [ ]
},
{
"type": "scancode_push",
"name": "扫码推事件",
"key": "rselfmenu_0_1",
"sub_button": [ ]
}
]
},
{
"name": "发图",
"sub_button": [
{
"type": "pic_sysphoto",
"name": "系统拍照发图",
"key": "rselfmenu_1_0",
"sub_button": [ ]
},
{
"type": "pic_photo_or_album",
"name": "拍照或者相册发图",
"key": "rselfmenu_1_1",
"sub_button": [ ]
},
{
"type": "pic_weixin",
"name": "微信相册发图",
"key": "rselfmenu_1_2",
"sub_button": [ ]
}
]
},
{
"name": "发送位置",
"type": "location_select",
"key": "rselfmenu_2_0"
},
{
"type": "media_id",
"name": "图片",
"media_id": "MEDIA_ID1"
},
{
"type": "view_limited",
"name": "图文消息",
"media_id": "MEDIA_ID2"
}
]
}
参数说明
参数是否必须说明
button是一级菜单数组,个数应为1~3个
sub_button否二级菜单数组,个数应为1~5个
type是菜单的响应动作类型,view表示网页类型,click表示点击类型,miniprogram表示小程序类型
name是菜单标题,不超过16个字节,子菜单不超过60个字节
keyclick等点击类型必须菜单KEY值,用于消息接口推送,不超过128字节
urlview、miniprogram类型必须网页链接,用户点击菜单可打开链接,不超过1024字节。type为miniprogram时,不支持小程序的老版本客户端将打开本url。
media_idmedia_id类型和view_limited类型必须调用新增永久素材接口返回的合法media_id
appid
miniprogram类型必须小程序appid(仅认证公众号可配置)
pagepathminiprogram类型必须小程序的页面路径
参照上文中的代码和步骤,大家应该能懂得实现小程序右上角菜单如何增加子菜单了,快来试试吧,希望大家都能按照教程开发成功。如果还有不懂的地方请在微信小程序商店搜索相关资料。
微信小程序右上角菜单如何设置?小程序菜单设置方法
微信小程序悬浮菜单按钮怎么实现?
微信小程序下拉菜单开发教程