微信开发 -- 自定义菜单

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个字节
keyclick类型必须菜单KEY值,用于消息接口推送,不超过128字节
urlview类型必须网页链接,用户点击菜单可打开链接,不超过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"


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

微信公众号开发之自动消息回复和自定义菜单

微信开发之自定义菜单--weixin-java-tools

微信公众帐号开发-自定义菜单的创建及菜单事件响应

微信公众号开发自定义菜单

玩玩微信公众号Java版之四:自定义公众号菜单

如何添加微信自定义菜单