C#开发微信门户及动(9)-微信门户菜单管理以及交到微信服务器

微信公众号(包括服务号和订阅号)都得针对菜单进行由定义设置,我们为方便管理,一般先将菜单数据以地头管理保护,需要更新的时段,把它们更新至微信服务器上就是可以了。本文基于这个方法,介绍自己之微信门户平台管理体系面临菜单提交到微信服务器上之操作。微信门户应用管理体系,采用基于MVC+EasyUI的路,由于大部分域名服务器上都不得不支持.NET4.0,所以以MVC3,C#4.0用作开基础,基本上能部署在任何.NET服务器上。

1、微信菜单的要求和相关界面设计

微信公众号的菜谱我们好透过网站开展本地的管制,维护好她之间的层级关系,由于微信对从定义的食谱要求比较严厉,以下是微信对由定义菜单的求:

当下由定义菜单最多包3只一级菜单,每个一级菜单最多含有5个二级菜单。一级菜单最多4单汉字,二级菜单最多7只字,多出来的一些用会坐“…”代替。

因此我们温馨根据约定,不要越界即可,否则提交菜单到服务器,可能会见回去一些不当,这些细节,我们于创造本地菜单管理的当儿,注意一下不怕可了。我以早期的平等首文章吧介绍了由定义菜单的一些内容,需要可以展开回顾一下《C#开微信门户及利用(6)–微信门户菜单的保管操作》,本篇主要是介绍以自身之平台管理网里,调用前面介绍的食谱接口API,实现菜单提交至服务器的操作。

依据微信的自定义菜单要求,我在保管体系里头,对微信的菜谱几只基础性的界面设计如下。

主菜单管理界面如下所示。

图片 1

补充加菜单的界面设计如下所示

图片 2

微信菜单的改动界面如下所示

图片 3

微信菜单定义是储存在数据库里,如果要提交至微信服务器上并生效,则要调用微信API接口进行拍卖,我以页面的Controller控制器里搭一个付到服务器的拍卖办法。

图片 4

 

2、提交菜单到微信服务器的操作

点几乎单界面,主要就是根据微信菜单的特性,对菜单进行保护管理,我们最终之目的是把它坐服务器上,供我们处理客户之系事件操作的。

付给菜单的操作,我们于MVC的View页面里面,使用JQuery的Ajax提交即可(前提是咱当控制器里面添加相应的处理,后面介绍),界面脚本代码如下所示。

        //绑定提交按钮的的点击事件
        function BindSubmitEvent() {
            $("#btnSubmit").click(function () {
                $.messager.confirm("提交菜单确认", "您确认需要提交菜单到微信服务器吗?", function (action) {
                    if (action) {
                        //提交数据
                        $.ajax({
                            url: '/Menu/UpdateWeixinMenu',
                            type: 'post',
                            dataType: 'json',
                            success: function (data) {
                                if (data.Success) {
                                    $.messager.alert("提示", "提交微信菜单成功");
                                }
                                else {
                                    $.messager.alert("提示", "提交微信菜单失败:" + data.ErrorMessage);
                                }
                            },
                            data: ''
                        });
                    }
                });
            });
        }

点红色的代码,就是咱于MVC的控制器里面定义之措施,我们唯有需要通过POST方法,对控制器方法调用,就可知促成菜单提交到微信服务器上,至于具体里面的底细,我们得以管其挪到控制器或者再次底层进行处理便是了,页面不需要涉及太多之逻辑就是是了。

上面很Menu控制器的UpdateWeixinMenu的措施代码如下所示(主要就是基于自身眼前介绍过的付出模型进行处理便是了)。

        /// <summary>
        ///更新微信菜单
        /// </summary>
        /// <returns></returns>
        public ActionResult UpdateWeixinMenu()
        {
            string token = base.GetAccessToken();
            MenuListJson menuJson = GetWeixinMenu();

            IMenuApi menuApi = new MenuApi();
            CommonResult result = menuApi.CreateMenu(token, menuJson);
            return ToJsonContent(result);
        }

方的几个点子这里逐一介绍一下。GetAccessToken主要就是收获当前操作的拜会令牌,这里的操作可以就此缓存进行缓存,否则频繁的抱AccessToken,达到每天指定的次数后,当天即令无克再就此了。

GetWeixinMenu方法,主要就是为着有利于,对获得构造微信的自定义菜单数据开展了一个函数封装,具体代码如下所示。

       /// <summary>
        /// 生成微信菜单的Json数据
        /// </summary>
        /// <returns></returns>
        private MenuListJson GetWeixinMenu()
        {
            MenuListJson menuJson = new MenuListJson();

            List<MenuNodeInfo> menuList = BLLFactory<Menu>.Instance.GetTree();
            foreach (MenuNodeInfo info in menuList)
            {
                ButtonType type = (info.Type == "click") ? ButtonType.click : ButtonType.view;
                string value = (type == ButtonType.click) ? info.Key : info.Url;

                MenuJson weiInfo = new MenuJson(info.Name, type, value);
                AddSubMenuButton(weiInfo, info.Children);

                menuJson.button.Add(weiInfo);
            }
            return menuJson;
        }

 

        private void AddSubMenuButton(MenuJson menu, List<MenuNodeInfo> menuList)
        {
            if (menuList.Count > 0)
            {
                menu.sub_button = new List<MenuJson>();
            }
            foreach (MenuNodeInfo info in menuList)
            {
                ButtonType type = (info.Type == "click") ? ButtonType.click : ButtonType.view;
                string value = (type == ButtonType.click) ? info.Key : info.Url;

                MenuJson weiInfo = new MenuJson(info.Name, type, value);
                menu.sub_button.Add(weiInfo);

                AddSubMenuButton(weiInfo, info.Children);
            }
        }

 

上面的代码,就是将地方存储的MenuNodeInfo数据,通过递归遍历的法,转换为微信的自定义菜单实体MenuJson,这样咱们调用API就可怜好了,这个函数主要负责组织对应之实业信息就是了。至于调用微信API提交菜单的事体,还是让API自己亲身处理呢好,他们的代码如下所示(也就算是地方函数的片代码)。

        IMenuApi menuApi = new MenuApi();
        CommonResult result = menuApi.CreateMenu(token, menuJson);
        return ToJsonContent(result);

末段之结果是归一个通用的结果CommonResult,这个结果对象,非常有益脚本的拍卖,如果生误,则提示错误,否则也有利判断布尔值,也尽管是面的页面代码脚本。

success: function (data) {
        if (data.Success) {
                  $.messager.alert("提示", "提交微信菜单成功");
           }
          else {
                    $.messager.alert("提示", "提交微信菜单失败:" + data.ErrorMessage);
            }
       },

透过上述几乎组成部分底代码,我们即便可兑现前台MVC的视图界面,调用后台封装好的微信API,实现菜单的交付处理了。

假如谢兴趣或体验相关的客服回复功能,可以关注本身的微信询问下。具体成效好关注自我之微信门户:广州爱奇迪,也可以扫描下二维码进行关爱了解。

图片 5

 

比方对斯系列感兴趣,可以关心自我的旁文章,系列随笔如下所示:

C#支付微信门户及动(25)-微信企业号的客户端管住职能

C#开发微信门户及使用(24)-微信小店货架信息保管

C#开微信门户及利用(23)-微信小店商品管理接口的包装和测试

C#付出微信门户及以(22)-微信小店的支出暨采取

C#出微信门户及下(21)-微信企业号的音和事件的接收处理及解密 

C#支出微信门户及利用(20)-微信企业号的菜系管理

C#出微信门户及以(19)-微信企业号的音信发送(文本、图片、文件、语音、视频、图文信息等)

C#开发微信门户及使用(18)-微信企业号的通讯录管理支出的成员管理

C#支付微信门户及运用(17)-微信企业号的通讯录管理支出的部门管理

C#开发微信门户及动(16)-微信企业号的布局与行使

C#支付微信门户及使用(15)-微信菜单增加扫一扫、发图片、发地理位置功能

 C#开发微信门户及用(14)-在微信菜单中行使重定向获用户数据

C#支付微信门户及下(13)-使用地理位置扩展相关应用

C#开发微信门户及使用(12)-使用语音处理

C#开微信门户及利用(11)–微信菜单的多展现方法介绍

C#支出微信门户及以(10)–在保管体系中同步微信用户分组信息

C#出微信门户及采取(9)-微信门户菜单管理暨交到微信服务器

C#支出微信门户及应用(8)-微信门户应用管理体系功能介绍

C#开发微信门户及用(7)-微信多客服功能跟开销并

C#开微信门户及动(6)–微信门户菜单的保管操作

C#付出微信门户及采取(5)–用户分组信息保管

C#出微信门户及应用(4)–关注用户列表及详细信息管理

C#支付微信门户及运用(3)–文本信息及图文信息的回复

C#开发微信门户及动(2)–微信音的拍卖以及报

C#开微信门户及采取(1)–开始以微信接口

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注