zoukankan      html  css  js  c++  java
  • 微信公众号开发(三)自定义菜单。

    一:官网接口。

    自定义菜单创建接口:

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

    自定义菜单查询接口:

    http请求方式:GET https://api.weixin.qq.com/cgi-bin/menu/get?access_token=ACCESS_TOKEN

    自定义菜单删除接口:

    http请求方式:GET https://api.weixin.qq.com/cgi-bin/menu/delete?access_token=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。

    click和view的请求示例

     

    {
         "button":[
         {    
              "type":"click",
              "name":"今日歌曲",
              "key":"V1001_TODAY_MUSIC"
          },
          {
               "name":"菜单",
               "sub_button":[
               {    
                   "type":"view",
                   "name":"搜索",
                   "url":"http://www.soso.com/"
                },
                {
                   "type":"view",
                   "name":"视频",
                   "url":"http://v.qq.com/"
                },
                {
                   "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 菜单的响应动作类型
    name 菜单标题,不超过16个字节,子菜单不超过40个字节
    key click等点击类型必须 菜单KEY值,用于消息接口推送,不超过128字节
    url view类型必须 网页链接,用户点击菜单可打开链接,不超过256字节
    media_id media_id类型和view_limited类型必须 调用新增永久素材接口返回的合法media_id

    返回结果

    正确时的返回JSON数据包如下:{"errcode":0,"errmsg":"ok"}

    错误时的返回JSON数据包如下(示例为无效菜单名长度):{"errcode":40018,"errmsg":"invalid button name size"}

    根据以上的信息,我们进行封装一下菜单。

    click和view的请求示例

    {
         "button":[
         {    
              "type":"click",
              "name":"今日歌曲",
              "key":"V1001_TODAY_MUSIC"
          },
          {
               "name":"菜单",
               "sub_button":[
               {    
                   "type":"view",
                   "name":"搜索",
                   "url":"http://www.soso.com/"
                },
                {
                   "type":"view",
                   "name":"视频",
                   "url":"http://v.qq.com/"
                },
                {
                   "type":"click",
                   "name":"赞一下我们",
                   "key":"V1001_GOOD"
                }]
           }]
     }

    首先是 菜单项的基类,所有一级菜单、二级菜单都共有一个相同的属性,那就是name。菜单项基类的封装代码如下:

    Button

    package com.wx.bean;
    
    /**
     *
     * @类名: Botten
     * @描述: 菜单项的基类
     * @作者: 六
     * @时间: 2018-8-9
     */
    public class Button {
        private String name;//所有一级,二级菜单的属性
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name;
        }
    
    }

    接着是子菜单项的封装。这里对子菜单是这样定义的:没有子菜单的菜单项,有可能是二级菜单项,也有可能是不含二级菜单的一级菜单。这类子菜单项一定会包含三个属性:type、name和key,封装的代码如下:

    CommonButton

    package com.wx.bean;
    
    /**
     * 类名: CommonButton </br>
     * 包名: com.wx.bean
     * 描述: 子菜单项 :没有子菜单的菜单项,有可能是二级菜单项,也有可能是不含二级菜单的一级菜单。 </br>
     * 开发人员: 六  </br>
     * 创建时间:  2018-8-9 </br>
     * 发布版本:V1.0  </br>
     */
    public class CommonButton extends Button {
    
        private String type;
        private String key;
    
        public String getType() {
            return type;
        }
    
        public void setType(String type) {
            this.type = type;
        }
    
        public String getKey() {
            return key;
        }
    
        public void setKey(String key) {
            this.key = key;
        }
    }

    再往下是父菜单项的封装。对父菜单项的定义:包含有二级菜单项的一级菜单。这类菜单项包含有二个属性:name和sub_button,而sub_button以是一个子菜单项数组。父菜单项的封装代码如下:

    package com.wx.bean;
    /**
     * 类名: ComplexButton </br>
     * 包名: com.wx.bean
     * 描述: 父菜单项 :包含有二级菜单项的一级菜单。这类菜单项包含有二个属性:name和sub_button,而sub_button以是一个子菜单项数组 </br>
     * 开发人员: 六  </br>
     * 创建时间:  2018-8-9 </br>
     * 发布版本:V1.0  </br>
     */
    public class ComplexButton extends Button{
        private Button[] sub_button;
    
        public Button[] getSub_button() {
            return sub_button;
        }
    
        public void setSub_button(Button[] sub_button) {
            this.sub_button = sub_button;
        }
    }

    最后是整个菜单对象的封装,菜单对象包含多个菜单项(最多只能有3个),这些菜单项即可以是子菜单项(不含二级菜单的一级菜单),也可以是父菜单项(包含二级菜单的菜单项),如果能明白上面所讲的,再来看封装后的代码就很容易理解了:

    package com.wx.bean;
    /**
     * 类名: Menu </br>
     * 包名: com.wx.bean
     * 描述: 整个菜单对象的封装 </br>
     * 开发人员:六 </br>
     * 创建时间:  2018-8-9 </br>
     * 发布版本:V1.0  </br>
     */
    public class Menu {
        private Button[] button;
    
        public Button[] getButton() {
            return button;
        }
    
        public void setButton(Button[] button) {
            this.button = button;
        }
    }

    封装通用的请求方法

    读到这里,就默认大家已经掌握了上面讲到的所有关于自定义菜单的理论知识,下面就进入代码实战讲解的部分。

    先前我们了解到,创建菜单需要调用二个接口,并且都是https请求,而非http。如果要封装一个通用的请求方法,该方法至少需要具备以下能力:

    1)支持HTTPS请求;

    2)支持GET、POST两种方式;

    3)支持参数提交,也支持无参数的情况;

    对于https请求,我们需要一个证书信任管理器,这个管理器类需要自己定义,但需要实现X509TrustManager接口。代码就是我们获取access_token的时候那个

    MyX509TrustManager 类。

    这个证书管理器的作用就是让它信任我们指定的证书,上面的代码意味着信任所有证书,不管是否权威机构颁发。

    证书有了,通用的https请求方法就不难实现了,实现代码如下:

    package com.wx.util;
    
    import java.io.BufferedReader;
    import java.io.InputStream;
    import java.io.InputStreamReader;
    import java.io.OutputStream;
    import java.net.ConnectException;
    import java.net.URL;
    
    import javax.net.ssl.HttpsURLConnection;
    import javax.net.ssl.SSLContext;
    import javax.net.ssl.SSLSocketFactory;
    import javax.net.ssl.TrustManager;
    
    
    import com.alibaba.fastjson.JSONException;
    import com.alibaba.fastjson.JSONObject;
    import com.wx.bean.AccessToken;
    import com.wx.bean.Menu;
    import org.slf4j.Logger;
    import org.slf4j.LoggerFactory;
    
    /**
     * 类名: WeixinUtil </br>
     * 包名: com.wx.util
     * 描述: 公众平台通用接口工具类 </br>
     * 开发人员: 六  </br>
     * 创建时间:  2018-8-9 </br>
     * 发布版本:V1.0  </br>
     */
    public class WeixinUtil {
    
        private static Logger log = LoggerFactory.getLogger(WeixinUtil.class);
    
        // 获取access_token的接口地址(GET) 限200(次/天)
        public final static String access_token_url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET";
    
        // 菜单创建(POST) 限100(次/天)
        public static String menu_create_url = "https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN";
    
        /**
         * 创建菜单
         *
         * @param menu 菜单实例
         * @param accessToken 有效的access_token
         * @return 0表示成功,其他值表示失败
         */
        public static int createMenu(Menu menu, String accessToken) {
            int result = 0;
            // 拼装创建菜单的url
            String url = menu_create_url.replace("ACCESS_TOKEN", accessToken);
            System.out.println("url:"+url);
            // 将菜单对象转换成json字符串
            String jsonMenu = JSONObject.toJSON(menu).toString();
            System.out.println("jsonMenu"+jsonMenu);
            // 调用接口创建菜单
            JSONObject jsonObject = httpRequest(url, "POST", jsonMenu);
            System.out.println("jsonObject"+jsonObject);
            if (null != jsonObject) {
                if (0 != jsonObject.getInteger("errcode")) {
                    result = jsonObject.getInteger("errcode");
                    log.error("创建菜单失败 errcode:{} errmsg:{}", jsonObject.getInteger("errcode"), jsonObject.getString("errmsg"));
                }
            }
    
            return result;
        }
    
    
        /**
         * 获取access_token
         *
         * @param appid 凭证
         * @param appsecret 密钥
         * @return
         */
        public static AccessToken getAccessToken(String appid, String appsecret) {
            AccessToken accessToken = null;
    
            String requestUrl = access_token_url.replace("APPID", appid).replace("APPSECRET", appsecret);
            JSONObject jsonObject = httpRequest(requestUrl, "GET", null);
            // 如果请求成功
            if (null != jsonObject) {
                try {
                    accessToken = new AccessToken();
                    accessToken.setAccessToken(jsonObject.getString("access_token"));
                    accessToken.setExpiresin(jsonObject.getInteger("expires_in"));
                } catch (JSONException e) {
                    accessToken = null;
                    // 获取token失败
                    log.error("获取token失败 errcode:{} errmsg:{}", jsonObject.getInteger("errcode"), jsonObject.getString("errmsg"));
                }
            }
            return accessToken;
        }
    
    
        /**
         * 描述:  发起https请求并获取结果
         * @param requestUrl 请求地址
         * @param requestMethod 请求方式(GET、POST)
         * @param outputStr 提交的数据
         * @return JSONObject(通过JSONObject.get(key)的方式获取json对象的属性值)
         */
        public static JSONObject httpRequest(String requestUrl, String requestMethod, String outputStr) {
            JSONObject jsonObject = null;
            StringBuffer buffer = new StringBuffer();
            try {
                // 创建SSLContext对象,并使用我们指定的信任管理器初始化
                TrustManager[] tm = { new MyX509TrustManager() };
                SSLContext sslContext = SSLContext.getInstance("SSL", "SunJSSE");
                sslContext.init(null, tm, new java.security.SecureRandom());
                // 从上述SSLContext对象中得到SSLSocketFactory对象
                SSLSocketFactory ssf = sslContext.getSocketFactory();
    
                URL url = new URL(requestUrl);
                HttpsURLConnection httpUrlConn = (HttpsURLConnection) url.openConnection();
                httpUrlConn.setSSLSocketFactory(ssf);
    
                httpUrlConn.setDoOutput(true);
                httpUrlConn.setDoInput(true);
                httpUrlConn.setUseCaches(false);
    
                // 设置请求方式(GET/POST)
                httpUrlConn.setRequestMethod(requestMethod);
    
                if ("GET".equalsIgnoreCase(requestMethod))
                    httpUrlConn.connect();
    
                // 当有数据需要提交时
                if (null != outputStr) {
                    OutputStream outputStream = httpUrlConn.getOutputStream();
                    // 注意编码格式,防止中文乱码
                    outputStream.write(outputStr.getBytes("UTF-8"));
                    outputStream.close();
                }
    
                // 将返回的输入流转换成字符串
                InputStream inputStream = httpUrlConn.getInputStream();
                InputStreamReader inputStreamReader = new InputStreamReader(inputStream, "utf-8");
                BufferedReader bufferedReader = new BufferedReader(inputStreamReader);
    
                String str = null;
                while ((str = bufferedReader.readLine()) != null) {
                    buffer.append(str);
                }
                bufferedReader.close();
                inputStreamReader.close();
                // 释放资源
                inputStream.close();
                inputStream = null;
                httpUrlConn.disconnect();
                jsonObject = JSONObject.parseObject(buffer.toString());
            } catch (ConnectException ce) {
                log.error("Weixin server connection timed out.");
            } catch (Exception e) {
                log.error("https request error:{}", e);
            }
            return jsonObject;
        }
    }

    测试添加菜单。

    package com.wx.manager;
    
    import com.wx.bean.*;
    import com.wx.util.WeixinUtil;
    import org.slf4j.Logger;
    import org.slf4j.LoggerFactory;
    
    
    /**
     * 类名: MenuManager </br>
     * 包名: com.wx.manager
     * 描述:菜单管理器类 </br>
     * 开发人员: 六 </br>
     * 创建时间:  2018-8-9 </br>
     * 发布版本:V1.0  </br>
     */
    public class MenuManager {
        private static Logger log = LoggerFactory.getLogger(MenuManager.class);
    
        public static void main(String[] args) {
            // 第三方用户唯一凭证
            String appId = "wxb05f6ccd16cf38fb";
            // 第三方用户唯一凭证密钥
            String appSecret = "b50d2e0911e255f4723f93d73233b04f";
    
            // 调用接口获取access_token
            AccessToken at = WeixinUtil.getAccessToken(appId, appSecret);
    
            if (null != at) {
                // 调用接口创建菜单
                int result = WeixinUtil.createMenu(getMenu(), at.getAccessToken());
    
                // 判断菜单创建结果
                if (0 == result)
                    log.info("菜单创建成功!");
                else
                    log.info("菜单创建失败,错误码:" + result);
            }
        }
    
        /**
         * 组装菜单数据
         *
         * @return
         */
        private static Menu getMenu() {
            CommonButton btn11 = new CommonButton();
            btn11.setName("天气预报");
            btn11.setType("click");
            btn11.setKey("11");
    
            CommonButton btn12 = new CommonButton();
            btn12.setName("公交查询");
            btn12.setType("click");
            btn12.setKey("12");
    
            CommonButton btn13 = new CommonButton();
            btn13.setName("周边搜索");
            btn13.setType("click");
            btn13.setKey("13");
    
            CommonButton btn14 = new CommonButton();
            btn14.setName("历史上的今天");
            btn14.setType("click");
            btn14.setKey("14");
    
            CommonButton btn21 = new CommonButton();
            btn21.setName("歌曲点播");
            btn21.setType("click");
            btn21.setKey("21");
    
            CommonButton btn22 = new CommonButton();
            btn22.setName("经典游戏");
            btn22.setType("click");
            btn22.setKey("22");
    
            CommonButton btn23 = new CommonButton();
            btn23.setName("美女电台");
            btn23.setType("click");
            btn23.setKey("23");
    
            CommonButton btn24 = new CommonButton();
            btn24.setName("人脸识别");
            btn24.setType("click");
            btn24.setKey("24");
    
            CommonButton btn25 = new CommonButton();
            btn25.setName("聊天唠嗑");
            btn25.setType("click");
            btn25.setKey("25");
    
            CommonButton btn31 = new CommonButton();
            btn31.setName("Q友圈");
            btn31.setType("click");
            btn31.setKey("31");
    
            CommonButton btn32 = new CommonButton();
            btn32.setName("电影排行榜");
            btn32.setType("click");
            btn32.setKey("32");
    
            CommonButton btn33 = new CommonButton();
            btn33.setName("幽默笑话");
            btn33.setType("click");
            btn33.setKey("33");
    
    
            /**
             * 微信:  mainBtn1,mainBtn2,mainBtn3底部的三个一级菜单。
             */
    
            ComplexButton mainBtn1 = new ComplexButton();
            mainBtn1.setName("生活助手");
            //一级下有4个子菜单
            mainBtn1.setSub_button(new CommonButton[] { btn11, btn12, btn13, btn14 });
    
    
            ComplexButton mainBtn2 = new ComplexButton();
            mainBtn2.setName("休闲驿站");
            mainBtn2.setSub_button(new CommonButton[] { btn21, btn22, btn23, btn24, btn25 });
    
    
            ComplexButton mainBtn3 = new ComplexButton();
            mainBtn3.setName("更多体验");
            mainBtn3.setSub_button(new CommonButton[] { btn31, btn32, btn33 });
    
    
            /**
             * 封装整个菜单
             */
            Menu menu = new Menu();
            menu.setButton(new Button[] { mainBtn1, mainBtn2, mainBtn3 });
    
            return menu;
        }
    }

    然后就创建成功。

  • 相关阅读:
    nodejs基础文档
    vue_项目心得
    常见的布局方式
    前端 + node + ajax mysql 实现数据的提交
    node创建包
    node学习站
    血一般的教训,请慎用Insert Into Select
    继杭州购房宝典后,Github上的这个程序员买房实用指南火了!
    MySQL入门到精通:MySQL 删除数据库
    C语言中的 int** 是什么?这要从int* 和int 说起...
  • 原文地址:https://www.cnblogs.com/bulrush/p/9447723.html
Copyright © 2011-2022 走看看