[开源]微信在线信息模拟测试工具（基于Senparc.Weixin.MP开发）

　　目前为止似乎还没有看到过Web版的普通消息测试工具（除了官方针对高级接口的），现有的一些桌面版的几个测试工具也都是使用XML直接请求，非常不友好，我们来尝试做一个“面向对象”操作的测试工具。

　　测试工具在线DEMO：http://weixin.senparc.com/SimulateTool

　　Senparc.Weixin.MP是一个开源的微信SDK项目，地址：https://github.com/JeffreySu/WeiXinMPSDK （其中https://github.com/JeffreySu/WeiXinMPSDK/tree/master/Senparc.Weixin.MP.Sample 包含了本文所讲的所有源代码）

　　也可以通过Nuget直接安装到项目中：https://www.nuget.org/packages/Senparc.Weixin.MP

　　Senparc.Weixin.MP教程索引：http://www.cnblogs.com/szw/archive/2013/05/14/weixin-course-index.html

　　下面大致解释一下源代码及工作原理：

一、界面

　　

　　界面分为4大区域：接口设置、发送参数、发送内容和接收内容

　　其中接口设置用于提供类似微信公众账号后台的Url和Token的对接参数设置，指定目标服务器。

　　在发送参数中，根据选择不同的消息类型，下面的参数选项会对应变化。

　　发送内容显示的是提交参数之后，模拟发送到目标服务器的XML，这里摆脱了之前一些需要手动输入XML的麻烦。

　　根据发送内容，在接收内容框中，显示目标服务器返回的实际内容。

二、服务器端代码

　　由于使用了Senparc.Weixin.MP SDK，所有的XML生成、代理操作、XML流等操作都变得非常简单，一共只用了100多行代码就实现了XML生成及模拟发送、接收等2大块功能，这里为了让大家看得更明白，将所有代码都尽量平铺直叙，实际还可以有很多缩减或重用的地方（文件位于源代码/Senparc.Weixin.MP.Sample/Senparc.Weixin.MP.Sample/Controllers/SimulateToolController.cs）：

using System;
using System.IO;
using System.Web.Mvc;
using System.Xml.Linq;
using Senparc.Weixin.MP.Agent;
using Senparc.Weixin.MP.Entities;
using Senparc.Weixin.MP.Helpers;

namespace Senparc.Weixin.MP.Sample.Controllers
{
    public class SimulateToolController : BaseController
    {
        /// <summary>
        /// 获取请求XML
        /// </summary>
        /// <returns></returns>
        private XDocument GetrequestMessaageDoc(string url, string token, RequestMsgType requestType, Event? eventType)
        {
            RequestMessageBase requestMessaage = null;
            switch (requestType)
            {
                case RequestMsgType.Text:
                    requestMessaage = new RequestMessageText()
                    {
                        Content = Request.Form["Content"],
                    };
                    break;
                case RequestMsgType.Location:
                    requestMessaage = new RequestMessageLocation()
                    {
                        Label = Request.Form["Label"],
                        Location_X = double.Parse(Request.Form["Location_X"]),
                        Location_Y = double.Parse(Request.Form["Location_Y"]),
                        Scale = int.Parse(Request.Form["Scale"])
                    };
                    break;
                case RequestMsgType.Image:
                    requestMessaage = new RequestMessageImage()
                    {
                        PicUrl = Request.Form["PicUrl"],
                    };
                    break;
                case RequestMsgType.Voice:
                    requestMessaage = new RequestMessageVoice()
                    {
                        Format = Request.Form["Format"],
                        Recognition = Request.Form["Recognition"],
                    };
                    break;
                case RequestMsgType.Video:
                    requestMessaage = new RequestMessageVideo()
                    {
                        MsgId = long.Parse(Request.Form["MsgId"]),
                        ThumbMediaId = Request.Form["ThumbMediaId"],
                    };
                    break;
                //case RequestMsgType.Link:
                //    break;
                case RequestMsgType.Event:
                    if (eventType.HasValue)
                    {
                        RequestMessageEventBase requestMessageEvent = null;
                        switch (eventType.Value)
                        {
                            //case Event.ENTER:
                            //    break;
                            case Event.LOCATION:
                                requestMessageEvent = new RequestMessageEvent_Location()
                                {
                                    Latitude = long.Parse(Request.Form["Event.Latitude"]),
                                    Longitude = long.Parse(Request.Form["Event.Longitude"]),
                                    Precision = double.Parse(Request.Form["Event.Precision"])
                                };
                                break;
                            case Event.subscribe:
                                requestMessageEvent = new RequestMessageEvent_Subscribe()
                                {
                                    EventKey = Request.Form["Event.EventKey"]
                                };
                                break;
                            case Event.unsubscribe:
                                requestMessageEvent = new RequestMessageEvent_Unsubscribe();
                                  break;
                            case Event.CLICK:
                                requestMessageEvent = new RequestMessageEvent_Click()
                                   {
                                       EventKey = Request.Form["Event.EventKey"]
                                   };
                                break;
                            case Event.scan:
                                requestMessageEvent = new RequestMessageEvent_Scan()
                                 {
                                     EventKey = Request.Form["Event.EventKey"],
                                     Ticket = Request.Form["Event.Ticket"]
                                 }; break;
                            case Event.VIEW:
                                requestMessageEvent = new RequestMessageEvent_View()
                                 {
                                     EventKey = Request.Form["Event.EventKey"]
                                 }; break;
                            case Event.MASSSENDJOBFINISH:
                                requestMessageEvent = new RequestMessageEvent_MassSendJobFinish()
                                {
                                    FromUserName = "mphelper",//系统指定
                                    ErrorCount = int.Parse(Request.Form["Event.ErrorCount"]),
                                    FilterCount = int.Parse(Request.Form["Event.FilterCount"]),
                                    SendCount = int.Parse(Request.Form["Event.SendCount"]),
                                    Status = Request.Form["Event.Status"],
                                    TotalCount = int.Parse(Request.Form["Event.TotalCount"])
                                }; break;
                            default:
                                throw new ArgumentOutOfRangeException("eventType");
                        }
                        requestMessaage = requestMessageEvent;
                    }
                    else
                    {
                        throw new ArgumentOutOfRangeException("eventType");
                    }
                    break;
                default:
                    throw new ArgumentOutOfRangeException("requestType");
            }

            requestMessaage.CreateTime = DateTime.Now;
            requestMessaage.FromUserName = requestMessaage.FromUserName ?? "FromUserName（OpenId）";//用于区别不同的请求用户
            requestMessaage.ToUserName = "ToUserName";

            return requestMessaage.ConvertEntityToXml();
        }

        /// <summary>
        /// 默认页面
        /// </summary>
        /// <returns></returns>
        public ActionResult Index()
        {
            ViewData["Token"] = WeixinController.Token;
            return View();
        }

        /// <summary>
        /// 模拟发送并返回结果
        /// </summary>
        /// <returns></returns>
        [HttpPost]
        public ActionResult Index(string url, string token, RequestMsgType requestType, Event? eventType)
        {
            using (MemoryStream ms = new MemoryStream())
            {
                var requestMessaageDoc = GetrequestMessaageDoc(url, token, requestType, eventType);
                requestMessaageDoc.Save(ms);
                ms.Seek(0, SeekOrigin.Begin);

                var responseMessageXml = MessageAgent.RequestXml(null, url, token, requestMessaageDoc.ToString());

                return Content(responseMessageXml);
            }
        }

        /// <summary>
        /// 返回模拟发送的XML
        /// </summary>
        /// <returns></returns>
        [HttpPost]
        public ActionResult GetRequestMessageXml(string url, string token, RequestMsgType requestType, Event? eventType)
        {
            var requestMessaageDoc = GetrequestMessaageDoc(url, token, requestType, eventType);
            return Content(requestMessaageDoc.ToString());
        }
    }
}

　　

三、View代码

　　下面是MVC中View（razor）的代码（200行左右，文件位于源代码/Senparc.Weixin.MP.Sample/Senparc.Weixin.MP.Sample/Views/SimulateTool/Index.cshtml）：

 @{
     ViewBag.Title = "微信消息模拟测试工具";
     Layout = "~/Views/Shared/_Layout.cshtml";

     var nonce = "JeffreySu";
     var timestamp = DateTime.Now.Ticks.ToString();
     var echostr = DateTime.Now.Ticks.ToString();
     var token = ViewData["Token"] as string;
 }
 @section HeaderContent
 {
     <style>
         .param {
             display: none;
         }

         .messageXmlArea {
             width: 100%;
         }

             .messageXmlArea textarea {
                 width: 100%;
                 height: 200px;
             }

         .paramAreaLeft {
             float: left;
             width: 45%;
             margin-right: 6%;
         }

         .paramArearight {
             width: 45%;
             float: left;
         }

         #requestType, #eventType {
             padding: 5px;
         }
     </style>
     <script>
         $(function () {
             $('#requestType').change(checkRequestType);
             $('#eventType').change(checkEventType);
             checkRequestType();
             checkEventType();
         });

         function checkRequestType() {
             var requestType = $('#requestType').val();
             var paramId = 'param' + requestType;
             $('div[id^=param]').hide();
             $('#' + paramId).show();
         }

         function checkEventType() {
             var requestType = $('#eventType').val();
             var eventId = 'event' + requestType;
             $('div[id^=event]').hide();
             $('#' + eventId).show();
         }

         function sendMessage() {
             var url = $('#Url').val();
             var token = $('#Token').val();
             var requestType = $('#requestType').val();
             var eventType = $('#eventType').val();
             var param = { url: url, token: token, requestType: requestType };
             var paramId = 'param' + requestType;
             var eventId = 'event' + eventType;
             //设置参数
             if (requestType != 'Event') {
                 $.each($('#' + paramId).find('input'), function (i, item) {
                     param[$(item).attr('name')] = $(item).val();
                 });
             } else {
                 param.eventType = eventType;
                 $.each($('#' + eventId).find('input'), function (i, item) {
                     param[$(item).attr('name')] = $(item).val();
                 });
             }

             var txtResponseMessageXML = $('#responseMessageXML');
             var txtRequestMessageXML = $('#requestMessageXML');

             txtResponseMessageXML.html('载入中...');
             txtRequestMessageXML.html('载入中...');

             $.post('@Url.Action("Index")', param, function (result) {
                 txtResponseMessageXML.html(result);
             });

             $.post('@Url.Action("GetRequestMessageXml")', param, function (result) {
                 txtRequestMessageXML.html(result);
             });
         }
     </script>
 }
 @section Featured
 {

 }
 <section class="content-wrapper main-content clear-fix">
     <h1>消息模拟工具</h1>
     <div class="clear-fix"></div>
     <div id="simulateTool">
         <div class="paramAreaLeft">
             <h3>接口设置</h3>
             <div>
                 URL：@Html.TextBox("Url", Url.Action("Index", "Weixin", null, "http", Request.Url.Host))<br />
                 Token：@Html.TextBox("Token", token)
             </div>
             <h3>发送参数</h3>
             <div>
                 类型：<select id="requestType">
                     <option value="Text">文本</option>
                     <option value="Location">地理位置</option>
                     <option value="Image">图片</option>
                     <option value="Voice">语音</option>
                     <option value="Video">视频</option>
                     @*<option value="Link">连接信息</option>*@
                     <option value="Event">事件推送</option>
                 </select>
             </div>
             <div>
                 参数：
                 <div id="paramText" class="param">
                     Content：<input name="Content" />
                 </div>
                 <div id="paramLocation" class="param">
                     Label：<input name="Label" /><br />
                     Location_X：<input name="Location_X" type="number" value="0" /><br />
                     Location_Y：<input name="Location_Y" type="number" value="0" /><br />
                     Scale：<input name="Scale" type="number" value="0" step="1" /><br />
                 </div>
                 <div id="paramImage" class="param">
                     PicUrl：<input name="PicUrl" /><br />
                 </div>
                 <div id="paramVoice" class="param">
                     Format：<input name="Format" value="arm" /><br />
                     Recognition：<input name="Recognition" /><br />
                 </div>
                 <div id="paramVideo" class="param">
                     MsgId：<input name="MsgId" type="number" value="@DateTime.Now.Ticks" step="1" /><br />
                     ThumbMediaId：<input name="ThumbMediaId" /><br />
                 </div>
                 @*<div id="paramLink" class="param"></div>*@
                 <div id="paramEvent" class="param">
                     事件类型：<select id="eventType">
                         @*<option value="ENTER">进入会话</option>*@
                         <option value="LOCATION">地理位置</option>
                         <option value="subscribe">订阅</option>
                         <option value="unsubscribe">取消订阅</option>
                         <option value="CLICK">自定义菜单点击事件</option>
                         <option value="scan">二维码扫描</option>
                         <option value="VIEW">URL跳转</option>
                         <option value="MASSSENDJOBFINISH">事件推送群发结果</option>
                     </select>
                     @*<div id="eventENTER" class="param"></div>*@
                     <div id="eventLOCATION" class="param">
                         Latitude：<input name="Event.Latitude" type="number" value="0"/><br />
                         Longitude：<input name="Event.Longitude" type="number" value="0"/><br />
                         Precision：<input name="Event.Precision" type="number" value="0"/><br />
                     </div>
                     <div id="eventsubscribe" class="param">
                         EventKey：<input name="Event.EventKey" /><br />
                     </div>
                     <div id="eventunsubscribe" class="param"></div>
                     <div id="eventCLICK" class="param">
                         EventKey：<input name="Event.EventKey" /><br />
                     </div>
                     <div id="eventscan" class="param">
                         EventKey：<input name="Event.EventKey" /><br />
                         Ticket：<input name="Event.Ticket" /><br />
                     </div>
                     <div id="eventVIEW" class="param">
                         EventKey：<input name="Event.EventKey" value="http://" /><br />
                     </div>
                     <div id="eventMASSSENDJOBFINISH" class="param">
                         ErrorCount：<input name="Event.ErrorCount" type="number" value="0"/><br />
                         FilterCount：<input name="Event.FilterCount" type="number" value="0"/><br />
                         SendCount：<input name="Event.SendCount" type="number" value="0"/><br />
                         Status：<input name="Event.Status"/><br />
                         TotalCount：<input name="Event.TotalCount" type="number" value="0"/><br />
                     </div>
                 </div>
                 <div>
                     <input type="button" value="提交" onclick="sendMessage()" />
                 </div>
             </div>
         </div>
         <div class="paramArearight">

             <div class="messageXmlArea">
                 <h3>发送内容（根据参数自动生成）</h3>
                 <textarea id="requestMessageXML" readonly="readonly"></textarea>
             </div>
             <div class="messageXmlArea">
                 <h3>接收内容</h3>
                 <textarea id="responseMessageXML"></textarea>
             </div>
         </div>
     </div>
 </section>

　　因为代码已经足够简单，所以不再一一详解，如果有任何问题可以在评论里面讨论，欢迎提各种建议！