AjaxC#开发微信门户及应用(9)-微信门户菜单管理及提交到微信服务器

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,实现菜单的交由处理了。

假使感兴趣或者体验相关的客服回应功能,可以关注自我的微信领会下。具体效果可以关心我的微信门户:都柏林(Berlin)爱奇迪,也足以扫描上边二维码举办关注精晓。

Ajax 1

 

假如对这多少个系列感兴趣,能够关注我的别样小说,序列小说如下所示:

C#支出微信门户及应用(25)-微信公司号的客户端管住职能

C#支付微信门户及采用(24)-微信小店货架信息保管

C#付出微信门户及应用(23)-微信小店商品管理接口的卷入和测试

C#支付微信门户及拔取(22)-微信小店的支出和行使

C#开发微信门户及应用(21)-微信集团号的音讯和事件的接受处理及解密 

C#付出微信门户及选择(20)-微信公司号的菜系管理

C#支出微信门户及利用(19)-微信公司号的音讯发送(文本、图片、文件、语音、摄像、图文音讯等)

C#支付微信门户及应用(18)-微信公司号的通讯录管理支付之成员管理

C#开发微信门户及采纳(17)-微信集团号的通讯录管理支付之部门管理

Ajax,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)–起初利用微信接口

 

1、微信菜单的渴求及有关界面设计

微信公众号的食谱我们得以经过网站开展地面的管住,维护好它们中间的层级关系,由于微信对自定义的菜系要求比较严刻,以下是微信对自定义菜单的要求:

当下自定义菜单最多包括3个顶尖菜单,每个顶级菜单最多含有5个二级菜单。顶级菜单最多4个汉字,二级菜单最多7个汉字,多出来的有的将会以“…”代替。

从而我们团结根据约定,不要越界即可,否则提交菜单到服务器,可能会回来一些破绽百出,这一个细节,大家在开创本地菜单管理的时候,注意一下就足以了。我在最初的一篇随笔也介绍了自定义菜单的片段内容,需要可以开展追思一下《C#开发微信门户及应用(6)–微信门户菜单的治本操作》,本篇紧如果介绍在自我的平台管理系列之中,调用前面介绍的食谱接口API,实现菜单提交到服务器的操作。

据悉微信的自定义菜单要求,我在保管系列里头,对微信的食谱多少个基础性的界面设计如下。

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

Ajax 2

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

Ajax 3

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

Ajax 4

微信菜单定义是储存在数据库里面,如若急需付出到微信服务器上并生效,则需要调用微信API接口举办拍卖,我在页面的Controller控制器里扩张一个付出到服务器的处理方法。

Ajax 5

 

微信公众号(包括服务号和订阅号)都得以对菜单举行自定义设置,咱们为了方便管理,一般先把菜单数据在地点管理保障,需要更新的时候,把它们更新到微信服务器上就足以了。本文基于这多少个措施,介绍自己的微信门户平台管理体系中菜单提交到微信服务器上的操作。微信门户应用管理类别,采取基于MVC+EasyUI的途径,由于多数域名服务器上都只可以补助.NET4.0,所以以MVC3,C#4.0当做支付基础,基本上可以部署在任何.NET服务器上。

相关文章