如何用ASP.NET MVC、Bootstrap和Knockout.js打造微信自定义菜单编辑器？

本文共计3047个文字，预计阅读时间需要13分钟。

前言：微信的接口调试工具可以编辑自定义菜单，不过不是提交JSON格式数据创建菜单，非常不方便，还容易出错。网上的工具不好用，所以自己写了一个。

正文：先用Bootstrap排个页面框架。

前言

　　微信的接口调试工具可以编辑自定义菜单，不过是提交json格式数据创建菜单，非常的不方便还容易出错。网上的工具不好用，所以就自己写了一个。

正文

　　先用bootstrap排个页面框架出来，调用自定义菜单接口需要用到AccessToken,放个输入框输入AccessToken。也不排除想直接输入AppId和AppSecret来获取AccessToken的用户，所以还需要下拉菜单来选择是输入AccessToken还是直接获取AccessToken。为了兼顾微信企业号应用创建菜单还需要AgentId,CorpId,套件永久授权码，SuiteId,SuiteSecret,SuiteTicket,参数的输入框大致就是这些。

　　使用knockout定义好observables监控属性。并绑定到输入框上。

　　　

　　　定义菜单展示及菜单编辑模块，排版为微信公众号菜单三个大菜单，每个大菜单下面可以配五个子菜单。