您当前的位置: 首页 > 知识百科 > 小程序右上角菜单如何增加子菜单?

小程序右上角菜单如何增加子菜单?

时间:2023-07-01 14:05 阅读数:154 人阅读 分类:知识百科

  小程序右上角菜单可以直接进入小程序的任何一个部分,大大地提高了小程序使用体验。但是如果开发者在最初少安置了相关的内容,那就要重新设置一下。小程序右上角菜单如何增加子菜单?大家需要通过创建接口的方式。

  自定义菜单接口能够帮助小程序右上角菜单丰富内容,让用户更好更快地理解小程序的功能。小程序右上角菜单增加子菜单之后,小程序界面如图所示:

  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类型必须小程序的页面路径

  参照上文中的代码和步骤,大家应该能懂得实现小程序右上角菜单如何增加子菜单了,快来试试吧,希望大家都能按照教程开发成功。如果还有不懂的地方请在微信小程序商店搜索相关资料。

  

  微信小程序右上角菜单如何设置?小程序菜单设置方法

  微信小程序悬浮菜单按钮怎么实现?

  微信小程序下拉菜单开发教程