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)–开端利用微信接口

 

相关文章