Teilen Sie ein Beispiel-Tutorial zur Entwicklung benutzerdefinierter Menüs für öffentliche WeChat-Konten

Willkommen, um eine Nachricht zu hinterlassen, weiterzuleiten,

Klicken Sie auf mich, um die Referenzadresse für den Quellcode des Projekts anzuzeigen – Willkommen Start

In den vorherigen Artikeln wurde bereits erläutert, wie das Projekt importiert wird und wie man das Konfigurationsprojekt startet, wie man Entwickler wird, wie man mit Quellcode-Analysenachrichten interagiert (wenn die ersten vier Punkte nicht ganz klar sind, können Sie hier lesen, um schnell öffentliche WeChat-Konten zu entwickeln. In diesem Artikel wird darüber gesprochen, wie um ein benutzerdefiniertes Menü zu implementieren

Es gibt zwei Möglichkeiten, benutzerdefinierte Menüs zu implementieren
1 Bearbeitungsmodus
2. Entwicklungsmodus

Der Bearbeitungsmodus ist sehr einfach und ich Ich gehe nicht auf Details ein...

Entwicklungsmodus zum Implementieren eines benutzerdefinierten Menüs

1. Verwenden Sie zum Implementieren das Debugging-Tool für die öffentliche WeChat-Plattform
2. Verwenden Sie zum Implementieren die offizielle Schnittstelle

Vorbereitende Vorbereitung

Hinweis:
Derzeit kann nur der Bearbeitungsmodus verwendet werden und der Entwicklungsmodus kann nur nach der WeChat-Authentifizierung verwendet werden 订阅号2. Der Bearbeitungsmodus und der Entwicklungsmodus können nicht gleichzeitig aktiviert werden.
3 Das generierte Menü wird nicht sofort angezeigt (am nächsten Tag). noch einmal

Plug-in hinzufügen

K8WTIEI86W9W5XERD`MRD{6.png

Verwenden Sie die öffentliche WeChat-Plattformschnittstelle Zu implementierendes Debugging-Tool

Benutzerdefiniertes Menü-Interface-Debugging-Tool.png

Sie können sehen, dass zwei Parameter erforderlich sind und beide erforderlich sind

access_tokenbody

Jemand möchte fragen, wie man diese beiden Parameter erhält

Tatsächlich ist es notwendig, ein Menü zu erstellen body Als Referenz. Der Erwerb von JSON对象

 {
     "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"
            }]
       }]
 }

ist wie unten gezeigt 🎜>access_tokenBenutzerdefiniertes Menü-get access_token.png

Verwenden Sie die offizielle Schnittstelle zur Implementierung

Studenten, die zum ersten Mal etwas über das benutzerdefinierte WeChat-Menü lernen, wird empfohlen, das offizielle Dokument 3 zu lesen. In

gibt es gekapselte Menüerstellung, Abfrage, Löschung und personalisierte Menüerstellung , Abfrage, Löschung,

Testen Sie personalisierte Menü-Matching-Ergebnisse

Jfinal-weixinBenutzerdefiniertes Menü-Menü gekapselte Schnittstelle.pngDann die Die Frage ist, wie man es nach der Kapselung verwendet.

Die gekapselte Schnittstelle

bietet eine detaillierte Demo in der

-Klasse des Open-Source-Projekts weixin_guide

Sie können sehen, dass
Woher kommt

    //查询自定义菜单
    public static ApiResult getMenu() {
        String jsonResult = HttpUtils.get(getMenu + AccessTokenApi.getAccessTokenStr());
        return new ApiResult(jsonResult);
    }
    //创建自定义菜单
    public static ApiResult createMenu(String jsonStr) {
        String jsonResult = HttpUtils.post(createMenu + AccessTokenApi.getAccessTokenStr(), jsonStr);
        return new ApiResult(jsonResult);
    }
    //删除自定义菜单
    public static ApiResult deleteMenu() {
        String jsonResult = HttpUtils.get(deleteMenuUrl + AccessTokenApi.getAccessTokenStr());
        return new ApiResult(jsonResult);
    }
    //创建个性化自定义菜单
    public static ApiResult addConditional(String jsonStr) {
        String jsonResult = HttpUtils.post(addConditionalUrl + AccessTokenApi.getAccessTokenStr(), jsonStr);
        return new ApiResult(jsonResult);
    }
    //删除个性化自定义菜单
    public static ApiResult delConditional(String menuid) {
        HashMap params = new HashMap();
        params.put("menuid", menuid);
        String url = delConditionalUrl + AccessTokenApi.getAccessTokenStr();
        String jsonResult = HttpUtils.post(url, JsonUtils.toJson(params));
        return new ApiResult(jsonResult);
    }
    //测试个性化菜单匹配结果
    public static ApiResult tryMatch(String userId) {
        HashMap params = new HashMap();
        params.put("user_id", userId);
        String url = tryMatchUrl + AccessTokenApi.getAccessTokenStr();
        String jsonResult = HttpUtils.post(url, JsonUtils.toJson(params));
        return new ApiResult(jsonResult);
    }

    public static ApiResult getCurrentSelfMenuInfo() {
        String jsonResult = HttpUtils.get(getCurrentSelfMenuInfoUrl + AccessTokenApi.getAccessTokenStr());
        return new ApiResult(jsonResult);
    }

Tatsächlich ist dies die Kapselung des Menüs, das das konvertiert Entitätsobjekt des benutzerdefinierten Menüs in JSON

com.javen.weixin.menu.MenuManager

public static void main(String[] args) { 

           // 将菜单对象转换成json字符串
           String jsonMenu = JsonKit.toJson(getTestMenu()).toString();
           System.out.println(jsonMenu);
           ApiConfig ac = new ApiConfig();

            // 配置微信 API 相关常量 请使用你自己公众号的
            ac.setAppId("wx614c453e0d1dcd12");
            ac.setAppSecret("19a02e4927d346484fc70327970457f9");
//          ac.setAppId(PropKit.get("appId"));
//          ac.setAppSecret(PropKit.get("appSecret"));
            ApiConfigKit.setThreadLocalApiConfig(ac);

           //创建菜单
           ApiResult apiResult=MenuApi.createMenu(jsonMenu);
           System.out.println(apiResult.getJson());
     }

>MenuApi.createMenu(jsonMenu)
Das Ausführen der Hauptmethode gibt das JSON des generierten Menüs und den Status der Antwort ausjsonMenu

Das Obige ist der gesamte Prozess der Erstellung eines benutzerdefinierten Menüs.

[Verwandte Empfehlungen]String jsonMenu = JsonKit.toJson(getTestMenu()).toString();

1.

Quellcode der WeChat-Plattform herunterladen

/** 
         * 组装菜单数据 
         *  
         * @return 
         */  
        private static Menu getTestMenu() {  
            ClickButton btn11 = new ClickButton();  
            btn11.setName("微信相册发图");  
            btn11.setType("pic_weixin");  
            btn11.setKey("rselfmenu_1_1");

            ClickButton btn12 = new ClickButton();  
            btn12.setName("拍照或者相册发图");  
            btn12.setType("pic_photo_or_album");  
            btn12.setKey("rselfmenu_1_2");;  

            ClickButton btn13 = new ClickButton();  
            btn13.setName("系统拍照发图");  
            btn13.setType("pic_sysphoto");  
            btn13.setKey("rselfmenu_1_3");

            ClickButton btn21 = new ClickButton();  
            btn21.setName("扫码带提示");  
            btn21.setType("scancode_waitmsg");  
            btn21.setKey("rselfmenu_2_1");;  

            ClickButton btn22 = new ClickButton();  
            btn22.setName("扫码推事件");  
            btn22.setType("scancode_push");  
            btn22.setKey("rselfmenu_2_2");;  

            ViewButton btn23 = new ViewButton();  
            btn23.setName("我的设备");  
            btn23.setType("view");  
            btn23.setUrl("https://hw.weixin.qq.com/devicectrl/panel/device-list.html?appid=wx614c453e0d1dcd12"); 

            ViewButton btn31 = new ViewButton();  
            btn31.setName("微社区");  
            btn31.setType("view");  
            btn31.setUrl("http://whsf.tunnel.mobi/whsf/msg/wsq");  


            ClickButton btn32 = new ClickButton();  
            btn32.setName("发送位置");  
            btn32.setType("location_select");  
            btn32.setKey("rselfmenu_3_2"); 

            //http://tencent://message/?uin=572839485&Site=在线咨询&Menu=yes
            //http://wpa.qq.com/msgrd?v=3&uin=572839485&site=qq&menu=yes

            ViewButton btn33 = new ViewButton();  
            btn33.setName("在线咨询");  
            btn33.setType("view");  
            btn33.setUrl("http://wpa.qq.com/msgrd?v=3&uin=572839485&site=qq&menu=yes");  

            ViewButton btn34 = new ViewButton();  
            btn34.setName("我的博客");  
            btn34.setType("view");  
            btn34.setUrl("http://www.cnblogs.com/zyw-205520"); 

            ClickButton btn35 = new ClickButton();  
            btn35.setName("点击事件");  
            btn35.setType("click");  
            btn35.setKey("rselfmenu_3_5"); 

            ComButton mainBtn1 = new ComButton();  
            mainBtn1.setName("发图");  
            mainBtn1.setSub_button(new Button[] { btn11, btn12, btn13});  

            ComButton mainBtn2 = new ComButton();  
            mainBtn2.setName("扫码");  
            mainBtn2.setSub_button(new Button[] { btn21, btn22 ,btn23});  

            ComButton mainBtn3 = new ComButton();  
            mainBtn3.setName("个人中心");  
            mainBtn3.setSub_button(new Button[] { btn31, btn32, btn33, btn34 ,btn35 });  

            /** 
             * 这是公众号xiaoqrobot目前的菜单结构，每个一级菜单都有二级菜单项<br> 
             *  
             * 在某个一级菜单下没有二级菜单的情况，menu该如何定义呢？<br> 
             * 比如，第三个一级菜单项不是“更多体验”，而直接是“幽默笑话”，那么menu应该这样定义：<br> 
             * menu.setButton(new Button[] { mainBtn1, mainBtn2, btn33 }); 
             */  
            Menu menu = new Menu();  
            menu.setButton(new Button[] { mainBtn1, mainBtn2, mainBtn3 });  
            return menu;  
        }

2.

Weizhichuang T+ WeChat-Roboter-Quellcode

生成菜单的JSON：{"button":[{"sub_button":[{"name":"微信相册发图","type":"pic_weixin","key":"rselfmenu_1_1"},{"name":"拍照或者相册发图","type":"pic_photo_or_album","key":"rselfmenu_1_2"},{"name":"系统拍照发图","type":"pic_sysphoto","key":"rselfmenu_1_3"}],"name":"发图","type":null},{"sub_button":[{"name":"扫码带提示","type":"scancode_waitmsg","key":"rselfmenu_2_1"},{"name":"扫码推事件","type":"scancode_push","key":"rselfmenu_2_2"},{"name":"我的设备","type":"view","url":"https://hw.weixin.qq.com/devicectrl/panel/device-list.html?appid=wx614c453e0d1dcd12"}],"name":"扫码","type":null},{"sub_button":[{"name":"微社区","type":"view","url":"http://whsf.tunnel.mobi/whsf/msg/wsq"},{"name":"发送位置","type":"location_select","key":"rselfmenu_3_2"},{"name":"在线咨询","type":"view","url":"http://wpa.qq.com/msgrd?v=3&uin=572839485&site=qq&menu=yes"},{"name":"我的博客","type":"view","url":"http://www.cnblogs.com/zyw-205520"},{"name":"点击事件","type":"click","key":"rselfmenu_3_5"}],"name":"个人中心","type":null}],"matchrule":null}

响应的状态： {"errcode":0,"errmsg":"ok"}

3.

WeChat People Network v3.4.5 Advanced Business Edition WeChat Rubik's Cube Quellcode

Das obige ist der detaillierte Inhalt vonTeilen Sie ein Beispiel-Tutorial zur Entwicklung benutzerdefinierter Menüs für öffentliche WeChat-Konten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!