C#开发微信门户及应用微信门户菜单管理及提交到微信服务器

发布日期： 2017-03-02 阅读量： 作者： 网络

微信公众号（包括服务号和订阅号）都可以对菜单进行自定义设置，我们为了方便管理，一般先把菜单数据在本地管理维护，需要更新的时候，把它们更新到微信服务器上就可以了。本文基于这个方式，介绍我的微信门户平台管理系统中菜单提交到微信服务器上的操作。微信门户应用管理系统，采用基于mvc+easyui的路线，由于多数域名服务器上都只能支持.net4.0，所以以mvc3，c#4.0作为开发基础，基本上能够部署在任何.net服务器上。

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

微信公众号的菜单我们可以通过网站进行本地的管理，维护好它们之间的层级关系，由于微信对自定义的菜单要求比较严格，以下是微信对自定义菜单的要求：

目前自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。

因此我们自己根据约定，不要越界即可，否则提交菜单到服务器，可能会返回一些错误，这些细节，我们在创建本地菜单管理的时候，注意一下就可以了。我在早期的一篇文章也介绍了自定义菜单的一些内容，需要可以进行回顾一下《C#开发微信门户及应用(6)--微信门户菜单的管理操作》，本篇主要是介绍在我的平台管理系统里面，调用前面介绍的菜单接口API，实现菜单提交到服务器的操作。

根据微信的自定义菜单要求，我在管理系统里面，对微信的菜单几个基础性的界面设计如下。

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

C#开发微信门户及应用微信门户菜单管理及提交到微信服务器

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

C#开发微信门户及应用微信门户菜单管理及提交到微信服务器

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

C#开发微信门户及应用微信门户菜单管理及提交到微信服务器

微信菜单定义是存储在数据库里面，如果需要提交到微信服务器上并生效，则需要调用微信API接口进行处理，我在页面的Controller控制器里增加一个提交到服务器的处理方法。

C#开发微信门户及应用微信门户菜单管理及提交到微信服务器

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: ''
                        });
                    }
                });
            });
        }

# C# 微信开发

上一篇: CSS 位置 – 控制元素放置

下一篇: 构建 JavaScript 代码：可读性和可维护性的最佳实践

C#开发微信门户及应用微信门户菜单管理及提交到微信服务器

随便看看