自定义菜单

Posted brokenheart

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义菜单相关的知识,希望对你有一定的参考价值。

一、自定义菜单简要概述

自定义菜单能够帮助公众号丰富页面,是公众号看上去更加美观,用户可以更好的理解公众号的功能。

二、申请自定义菜单

网址:https://mp.weixin.qq.com

技术图片

三、获取AppId和AppSecert

我们这里用的是测试号的AppId和AppSecert

技术图片

四、获取Access Token

这里我们需要用AppId和AppSecert来获取我们需要用到的Access Token

 1 $appid = ""; 
 2 $appsecret = "";  
 3 $url ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$appid&secret=$appsecret"; 
 4 $ch = curl_init(); 
 5 curl_setopt($ch,CURLOPT_URL,$url); 
 6 curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,FALSE); 
 7 curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); 
 8 $output = curl_exec($ch); 
 9 $output = curl_exec($ch); 
10 curl_close($ch); 
11 $data = json_delcode($output,true); 
12 $access_token = $data["access_token"];

五、组织菜单内容

自定义类型包括如下

1、click:点击推事件

用户点击click类型按钮后,微信服务器会通过消息接口推送消息类型为event 的结构给开发者(参考消息接口指南),并且带上按钮中开发者填写的key值,开发者可以通过自定义的key值与用户进行交互;

2、view:跳转URL

用户点击view类型按钮后,微信客户端将会打开开发者在按钮中填写的网页URL,可与网页授权获取用户基本信息接口结合,获得用户基本信息。

3、scancode_push:扫码推事件

用户点击按钮后,微信客户端将调起扫一扫工具,完成扫码操作后显示扫描结果(如果是URL,将进入URL),且会将扫码的结果传给开发者,开发者可以下发消息。

4、scancode_waitmsg:扫码推事件且弹出“消息接收中”提示框

用户点击按钮后,微信客户端将调起扫一扫工具,完成扫码操作后,将扫码的结果传给开发者,同时收起扫一扫工具,然后弹出“消息接收中”提示框,随后可能会收到开发者下发的消息。

5、pic_sysphoto:弹出系统拍照发图

用户点击按钮后,微信客户端将调起系统相机,完成拍照操作后,会将拍摄的相片发送给开发者,并推送事件给开发者,同时收起系统相机,随后可能会收到开发者下发的消息。

6、pic_photo_or_album:弹出拍照或者相册发图

用户点击按钮后,微信客户端将弹出选择器供用户选择“拍照”或者“从手机相册选择”。用户选择后即走其他两种流程。

7、pic_weixin:弹出微信相册发图器

用户点击按钮后,微信客户端将调起微信相册,完成选择操作后,将选择的相片发送给开发者的服务器,并推送事件给开发者,同时收起相册,随后可能会收到开发者下发的消息。

8、location_select:弹出地理位置选择器

用户点击按钮后,微信客户端将调起地理位置选择工具,完成选择操作后,将选择的地理位置发送给开发者的服务器,同时收起位置选择工具,随后可能会收到开发者下发的消息。

9、media_id:下发消息(除文本消息)

用户点击media_id类型按钮后,微信服务器会将开发者填写的永久素材id对应的素材下发给用户,永久素材类型可以是图片、音频、视频、图文消息。请注意:永久素材id必须是在“素材管理/新增永久素材”接口上传后获得的合法id。

10、view_limited:跳转图文消息URL

用户点击view_limited类型按钮后,微信客户端将打开开发者在按钮中填写的永久素材id对应的图文消息URL,永久素材类型只支持图文消息。请注意:永久素材id必须是在“素材管理/新增永久素材”接口上传后获得的合法id。

接口调用请求说明

http请求方式:POST(请使用https协议) https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN

示例代码

 1 {
 2      "button":[
 3      {    
 4           "type":"click",
 5           "name":"今日歌曲",
 6           "key":"V1001_TODAY_MUSIC"
 7       },
 8       {
 9            "type":"click",
10            "name":"歌手简介",
11            "key":"V1001_TODAY_SINGER"
12       },
13       {
14            "name":"菜单",
15            "sub_button":[
16            {    
17                "type":"view",
18                "name":"搜索",
19                "url":"http://www.soso.com/"
20             },
21             {
22                "type":"view",
23                "name":"视频",
24                "url":"http://v.qq.com/"
25             },
26             {
27                "type":"click",
28                "name":"赞一下我们",
29                "key":"V1001_GOOD"
30             }]
31        }]  
32 }

参数说明

参数 是否必须 说明
button 一级菜单数组,个数应该为1~3个
sub_button 二级菜单数组,个数应该为1~5个
type 菜单的响应动作类型,目前有click、view两种
name 菜单标题,不超过16个字节,子菜单不超过40个字节
key click类型必须 菜单key值,用于消息接口推送,不超过128字节
url view类型必须 网页链接,用户点击菜单可以打开链接,不超过256字节

返回结果

正确是返回结果JSON数据包如下:

 {"errcode":0,"errmsg":"ok"} 

这样一个简单的菜单就算完成了!

 

以上是关于自定义菜单的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

如何从片段返回主要活动

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段——声明函数

VSCode自定义代码片段——.vue文件的模板