微信开发 -- 自定义菜单
Posted 禹爸爸
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信开发 -- 自定义菜单相关的知识,希望对你有一定的参考价值。
目前微信服务号自定义菜单最多包括3个一级菜单,每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字,二级菜单最多7个汉字,多出来的部分将会以“...”代替。请注意,创建自定义菜单后,由于微信客户端缓存,需要24小时微信客户端才会展现出来。建议测试时可以尝试取消关注公众账号后再次关注,则可以看到创建后的效果。
目前自定义菜单接口可实现两种类型按钮,如下:
click: 用户点击click类型按钮后,微信服务器会通过消息接口推送消息类型为event 的结构给开发者(参考消息接口指南),并且带上按钮中开发者填写的key值,开发者可以通过自定义的key值与用户进行交互; view: 用户点击view类型按钮后,微信客户端将会打开开发者在按钮中填写的url值 (即网页链接),达到打开网页的目的,建议与网页授权获取用户基本信息接口结合,获得用户的登入个人信息。
接口调用请求说明
http请求方式:POST(请使用https协议) https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN
请求示例(JSON数据请使用UTF-8编码)
"button":[ "type":"click","name":"我的信息","sub_button":[ "type":"click","name":"拇指查询","key":"BUTTON_1", "type":"click","name":"拇指请假","key":"BUTTON_2", "type":"view","name":"工号绑定","url":"http://XXXXXXXXXXXXXXXXX"] , "type":"click","name":"业务流程","key":"BUTTON_3", "name":"员工建议","sub_button":[ "type":"view","name":"思想火花","url":"http://XXXXXXXXXXXXXXXXXX", "type":"view","name":"奖品兑换","url":"http://XXXXXXXXXXXXXXXXXX", "type":"click","name":"赞一下我们","key":"BUTTON_ZAN"] ]
参数说明
参数 | 是否必须 | 说明 |
---|---|---|
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"
错误时的返回JSON数据包如下(示例为无效菜单名长度):
"errcode":40018,"errmsg":"invalid button name size"
以下是示例代码(php)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="Chris Mao" />
</head>
<body>
<?php
$url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET";
$ch = curl_init($url);
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
$output = curl_exec($ch);
curl_close($ch);
if (empty($output)) var_dump($output); exit;
$result = json_decode($output);
$token = $result->access_token;
//创建菜单
$url = "https://api.weixin.qq.com/cgi-bin/menu/create?access_token=$token";
$jsonData = file_get_contents("menu.json");
$ch = curl_init($url);
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $jsonData);
curl_setopt($ch, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
$output = curl_exec($ch);
curl_close($ch);
var_dump($output);
?>
</body>
</html>
menu.json
"button":[
"type":"click","name":"我的信息","sub_button":[
"type":"click","name":"拇指查询","key":"BUTTON_1",
"type":"click","name":"拇指请假","key":"BUTTON_2",
"type":"view","name":"工号绑定","url":"http://XXXXXXXXXXXXXXXXX"]
,
"type":"click","name":"业务流程","key":"BUTTON_3",
"name":"员工建议","sub_button":[
"type":"view","name":"思想火花","url":"http://XXXXXXXXXXXXXXXXXX",
"type":"view","name":"奖品兑换","url":"http://XXXXXXXXXXXXXXXXXX",
"type":"click","name":"赞一下我们","key":"BUTTON_ZAN"]
]
响应自定义菜单事件
$wechatObj = new wechatCallbackAPI();
if (isset($_GET["echostr"]))
$wechatObj->valid();
else
$wechatObj->responseMsg();
class wechatCallbackAPI
private $token = "WEIXIN";
private $appId = "APPID";
private $appSecret = "APPSECRET";
private function checkSignature()
$signature = $_GET["signature"];
$timestamp = $_GET["timestamp"];
$nonce = $_GET["nonce"];
$tmpArr = array($this->token, $timestamp, $nonce);
sort($tmpArr);
$tmpStr = implode($tmpArr);
$tmpStr = sha1($tmpStr);
if($tmpStr == $signature)
return true;
else
return false;
private function getAccessToken()
$url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret";
$ch = curl_init($url);
$curl_setopt($ch, CURLOPT_HEADER, 0);
$curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$curl_setopt($ch, CURLOPT_POST, 0);
$curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
$curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
$output = curl_exec($ch);
curl_close($ch);
if (empty($output)) return "";
$result = json_decode($result);
return $result->access_token;
public function valid()
$echoStr = $_GET["echostr"];
//valid signature, option
if($this->checkSignature())
echo $echoStr;
exit;
public function responseMsg()
//get post data, May be due to the different environments
$postStr = $GLOBALS["HTTP_RAW_POST_DATA"];
if (empty($postStr))
echo "";
exit;
//extract post data
$postObj = simplexml_load_string($postStr, 'SimpleXMLElement', LIBXML_NOCDATA);
$fromUsername = $postObj->FromUserName;
$toUsername = $postObj->ToUserName;
$time = time();
//文本消息模板
$textTpl = "<xml>
<ToUserName><![CDATA[%s]]></ToUserName>
<FromUserName><![CDATA[%s]]></FromUserName>
<CreateTime>%s</CreateTime>
<MsgType><![CDATA[%s]]></MsgType>
<Content><![CDATA[%s]]></Content>
<FuncFlag>0</FuncFlag>
</xml>";
switch (strtolower(trim($postObj->MsgType)))
case "text": //文本消息
$keyword = trim($postObj->Content);
if(!empty($keyword))
$msgType = "text";
$contentStr = "$fromUsername, 您发送了文本信息: $keyword ";
if (strtolower($keyword) == "time")
$contentStr = date("Y-m-d H:i:s", $time);
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
else
$resultStr = "Input something...";
break;
case "image": //图片消息
$msgType = "text";
$contentStr = "$fromUsername, 您发送了图片信息";
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
break;
case "voice": //声音消息
$msgType = "text";
$contentStr = "$fromUsername, 您发送了声音信息";
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
break;
case "video": //视频消息
$msgType = "text";
$contentStr = "$fromUsername, 您发送了视频信息";
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
break;
case "location": //位置消息
$msgType = "text";
$contentStr = "$fromUsername, 您发送了位置信息";
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
break;
case "link": //链接消息
$msgType = "text";
$contentStr = "$fromUsername, 您发送了链接信息";
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
break;
case "event": //事件
switch (strtolower(trim($postObj->Event)))
case "subscribe": //关注事件
$msgType = "text";
$contentStr = "欢迎您关注XXXXXXX";
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
break;
case "unsubscribe": //取消关注事件
break;
case "scan": //用户已关注时扫描二维码事件
$msgType = "text";
$contentStr = "$fromUsername, 您扫描了二维码";
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
break;
case "location": //上传地理位置事件
$msgType = "text";
$contentStr = "$fromUsername, 您上传地理位置";
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
break;
case "click": //自定义菜单事件
$msgType = "text";
$contentStr = "$fromUsername, 您点击了自定义菜单 $postObj->EventKey ";
if ("BUTTON_ZAN" == $postObj->EventKey)
$contentStr = "感谢您的赞,我们会继续提供更优质的服务。";
$resultStr = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
;
break;
default:
$resultStr = "";
break;
default:
$resultStr = "";
echo $resultStr;
?>
自定义菜单查询
使用接口创建自定义菜单后,开发者还可使用接口查询自定义菜单的结构。
请求说明
http请求方式:GET https://api.weixin.qq.com/cgi-bin/menu/get?access_token=ACCESS_TOKEN
返回说明
对应创建接口,正确的Json返回结果:
"menu":"button":["name":"我的信息","sub_button":["type":"click","name":"拇指查询","key":"BUTTON_1","sub_button":[],"type":"click","name":"拇指请假","key":"BUTTON_2","sub_button":[],"type":"view","name":"工号绑定","url":"http:\\/\\/XXXXXXXX","sub_button":[]],"type":"click","name":"业务流程","key":"BUTTON_3","sub_button":[],"name":"员工建议","sub_button":["type":"view","name":"思想火花","url":"http:\\/\\/XXXXXXXX","sub_button":[],"type":"view","name":"奖品兑换","url":"http:\\/\\/XXXXXXXX","sub_button":[],"type":"click","name":"赞一下我们","key":"BUTTON_ZAN","sub_button":[]]]
自定义菜单删除
使用接口创建自定义菜单后,开发者还可使用接口删除当前使用的自定义菜单。
请求说明
http请求方式:GET https://api.weixin.qq.com/cgi-bin/menu/delete?access_token=ACCESS_TOKEN
返回说明
对应创建接口,正确的Json返回结果: "errcode":0,"errmsg":"ok"
以上是关于微信开发 -- 自定义菜单的主要内容,如果未能解决你的问题,请参考以下文章