微信公众号平台接口开发：发送客服消息

官方接口介绍

发送文本信息

参数有4个，

access_token这个就不用介绍了，就是之前得到的那个AccessToken，就是在这个接口里边当中参数用的

touser是关注了公众号的微信用户的openid，这个其实就是就是第一篇：微信公众号平台接口开发：成为开发者，里边的关注了测试账号的账户

我们再看一篇，就是圈起来的那个ID

msgtype=text是固定的；
content就是要发送的文本内容；

新增文本发送类MessageBase.cs、SingleMessageBase.cs、TextSingleMessage.cs

    public abstract class MessageBase
    {
        protected string requestUri;

        public MessageBase()
        { }

        public string Send()
        {
            try
            {
                var httpContent = this.CreateHttpClient();
                return WeCharBase.Post(this.requestUri, httpContent);
            }
            catch (Exception ex)
            {
                return ex.Message;
            }
        }

        protected abstract HttpContent CreateHttpClient();
    }

    public abstract class SingleMessageBase : MessageBase
    {
        public SingleMessageBase()
        {
            base.requestUri = "https://api.weixin.qq.com/cgi-bin/message/custom/send?access_token={0}";
        }
    }

    public class TextSingleMessage : SingleMessageBase
    {
        public string ToUser { get; set; }
        public string TextContent { get; set; }

        public TextSingleMessage() { }

        protected override HttpContent CreateHttpClient()
        {
            return new StringContent(JsonConvert.SerializeObject(new
            {
                touser = ToUser,
                msgtype = "text",
                text = new
                {
                    content = TextContent
                }
            }));
        }
    }

新增控制器:SingleMessageController.cs

    public class SingleMessageController : Controller
    {
        /// <summary>发送文本信息</summary>
        /// <returns></returns>
        public ActionResult ViewTextSingleMessage()
        {
            return View();
        }

        /// <summary>发送文本信息</summary>
        /// <returns></returns>
        public ActionResult TextSingleMessage(string id)
        {
            var textSingleMessage = new TextSingleMessage()
            {
                ToUser = "ombxUwMY-l-0rFyQkubkFcl4-Ggw",
                TextContent = id
            };

            return Content(textSingleMessage.Send());
        }
    }

新增视图：ViewTextSingleMessage.cshtml

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#btnTextSingleMessage").click(function () {
            $.ajax({
                type: "POST",
                url: "/SingleMessage/TextSingleMessage",
                data: { id: $("#txtContent").val() },
                success: function (responseTest) {
                    $("#resultMesage").text(responseTest);
                }
            });
        });
    });
</script>

<table>
    <tr>
        <td>
            <div class="title">发送文本消息</div>
            <textarea id="txtContent" name="txtContent" rows="4" cols="40"></textarea>
        </td>
        <td><input class="btncss" id="btnTextSingleMessage" type="button" value=" 发送 " /></td>
        <td id="resultMesage" class="resultMesage"></td>
    </tr>
</table>

运行项目，看效果

点击 发送

发送图片消息

这个参数media_id可以先在基础支持里边的在线测试接口里边上传

https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index&type=%E5%9F%BA%E7%A1%80%E6%94%AF%E6%8C%81&form=%E5%A4%9A%E5%AA%92%E4%BD%93%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E6%8E%A5%E5%8F%A3%20/media/upload

 

得到"media_id": "fJOxpTkVyZDnq7s21ovoeWFHSANKBZpZBBSBOwR2DlVorkRKYXDofqsNxgywL5d8"

新增图片发送类ImageSingleMessage.cs

    public class ImageSingleMessage : SingleMessageBase
    {
        public string ToUser { get; set; }
        public string MediaId { get; set; }

        public ImageSingleMessage() { }

        protected override HttpContent CreateHttpClient()
        {
            return new StringContent(JsonConvert.SerializeObject(new
            {
                touser = ToUser,
                msgtype = "image",
                image = new
                {
                    media_id = MediaId
                }
            }));
        }
    }

修改控制器：SingleMessageController.cs

 新增下边2个方法

        /// <summary>发送图片消息</summary>
        /// <returns></returns>
        public ActionResult ViewImageSingleMessage()
        {
            return View();
        }

        /// <summary>发送图片消息</summary>
        /// <returns></returns>
        public ActionResult PostImageMessage(string id)
        {
            var imageSingleMessage = new ImageSingleMessage()
            {
                ToUser = "ombxUwMY-l-0rFyQkubkFcl4-Ggw",
                MediaId = id
            };

            return Content(imageSingleMessage.Send());
        }

新增视图：ViewImageSingleMessage.cshtml

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#btnPostImageMessage").click(function () {
            $.ajax({
                type: "POST",
                url: "/SingleMessage/PostImageMessage",
                data: { id: $("#txtMediaId").val() },
                success: function (responseTest) {
                    $("#resultPostImageMessage").text(responseTest);
                }
            });
        });
    });
</script>

<table>
    <tr>
        <td>
            <div class="title">发送图片消息(MediaId)</div>
            <textarea id="txtMediaId" name="txtMediaId" rows="2" cols="40"></textarea>
        </td>
        <td><input class="btncss" id="btnPostImageMessage" type="button" value=" 发送 " /></td>
        <td id="resultPostImageMessage" class="resultMesage"></td>
    </tr>
</table>

运行项目，看看效果

发送语音消息

参数没什么讲的，跟上边发送图片信息差不多

新增语音发送类：VoiceSingleMessage.cs

    public class VoiceSingleMessage : SingleMessageBase
    {
        public string ToUser { get; set; }
        public string MediaId { get; set; }

        public VoiceSingleMessage() { }

        protected override HttpContent CreateHttpClient()
        {
            return new StringContent(JsonConvert.SerializeObject(new
            {
                touser = ToUser,
                msgtype = "voice",
                voice = new
                {
                    media_id = MediaId
                }
            }));
        }
    }

修改控制器：SingleMessageController.cs

新增下边2个方法

        /// <summary>发送语音消息</summary>
        /// <returns></returns>
        public ActionResult ViewVoiceSingleMessage()
        {
            return View();
        }

        /// <summary>发送语音消息</summary>
        /// <returns></returns>
        public ActionResult VoiceSingleMessage(string id)
        {
            var voiceSingleMessage = new VoiceSingleMessage()
            {
                ToUser = "ombxUwMY-l-0rFyQkubkFcl4-Ggw",
                MediaId = id
            };

            return Content(voiceSingleMessage.Send());
        }

新增视图：ViewVoiceSingleMessage.cshtml

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#btnVoiceSingleMessage").click(function () {
            $.ajax({
                type: "POST",
                url: "/SingleMessage/VoiceSingleMessage",
                data: { id: $("#txtMediaId").val() },
                success: function (responseTest) {
                    $("#resultVoiceSingleMessage").text(responseTest);
                }
            });
        });
    });
</script>

<table>
    <tr>
        <td>
            <div class="title">发送语音消息(MediaId)</div>
            <textarea id="txtMediaId" name="txtMediaId" rows="2" cols="40"></textarea>
        </td>
        <td><input class="btncss" id="btnVoiceSingleMessage" type="button" value=" 发送 " /></td>
        <td id="resultVoiceSingleMessage" class="resultMesage"></td>
    </tr>
</table>

看看效果

发送视频消息

media_id与thumb_media_id都是在基础支持接口上传得到，后面会把新增素材写出来

新增视频发送类：VideoSingleMessage.cs

    public class VideoSingleMessage : SingleMessageBase
    {
        public string ToUser { get; set; }
        public string MediaId { get; set; }
        public string ThumbMediaId { get; set; }
        public string Title { get; set; }
        public string Description { get; set; }

        public VideoSingleMessage() { }

        protected override HttpContent CreateHttpClient()
        {
            return new StringContent(JsonConvert.SerializeObject(new
            {
                touser = ToUser,
                msgtype = "video",
                video = new
                {
                    media_id = MediaId,
                    thumb_media_id = ThumbMediaId,
                    title = Title,
                    description = Description
                }
            }));
        }
    }

修改控制器：SingleMessageController.cs

        /// <summary>发送视频消息</summary>
        /// <returns></returns>
        public ActionResult ViewVideoSingleMessage()
        {
            return View();
        }

        /// <summary>发送视频消息</summary>
        /// <returns></returns>
        public ActionResult VideoSingleMessage()
        {
            var videoSingleMessage = new VideoSingleMessage()
            {
                ToUser = "ombxUwMY-l-0rFyQkubkFcl4-Ggw",
                Description = "Description",
                Title = "Title",
                MediaId = Request["mediaId"],
                ThumbMediaId = Request["thumbMediaId"]
            };

            return Content(videoSingleMessage.Send());
        }

新增视图：ViewVideoSingleMessage.cshtml

 

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#btnUploadVideo").click(function () {
            $.ajax({
                type: "Get",
                url: "/Upload/Video",
                success: function (responseTest) {
                    $("#resultUploadVideo").text(responseTest);
                }
            });
        });
        $("#btnUploadMultimediaThumb").click(function () {
            $.ajax({
                type: "Get",
                url: "/Upload/Thumb",
                success: function (responseTest) {
                    $("#resultUploadMultimediaThumb").text(responseTest);
                }
            });
        });

        $("#btnVideoSingleMessage").click(function () {
            $.ajax({
                type: "POST",
                url: "/SingleMessage/VideoSingleMessage",
                data: { mediaId: $("#textMediaId").val(), thumbMediaId: $("#txtThumbMediaId").val() },
                success: function (responseTest) {
                    $("#resultVideoSingleMessage").text(responseTest);
                }
            });
        });
    });
</script>

<table>
    <tr>
        <td>
            <div class="title">上传视频消息素材</div>
            <a href="~/Files/video.mp4">待上传的视频文件：video.mp4</a>
        </td>
        <td><input class="btncss" id="btnUploadVideo" type="button" value=" 上传 " /></td>
        <td id="resultUploadVideo" class="resultMesage"></td>
    </tr>
    <tr><td colspan="3">&nbsp;</td></tr>
    <tr>
        <td>
            <div class="title">上传缩略图消息素材</div>
            <img src="~/Files/thumb.jpg" width="305" height="150" />
        </td>
        <td><input class="btncss" id="btnUploadMultimediaThumb" type="button" value=" 上传 " /></td>
        <td id="resultUploadMultimediaThumb" class="resultMesage"></td>
    </tr>
    <tr><td colspan="3">&nbsp;</td></tr>
    <tr>
        <td>
            <div class="title">发送视频消息(MediaId,ThumbMediaId)</div>
            <textarea id="textMediaId" name="textMediaId" rows="2" cols="40"></textarea><br />
            <textarea id="txtThumbMediaId" name="txtThumbMediaId" rows="2" cols="40"></textarea>
        </td>
        <td><input class="btncss" id="btnVideoSingleMessage" type="button" value=" 发送 " /></td>
        <td id="resultVideoSingleMessage" class="resultMesage"></td>
    </tr>
</table>

运行项目，看看效果

 

发送图文消息

新增图文发送类：NewsSingleMessage.cs

    public class NewsSingleMessage : SingleMessageBase
    {
        public string ToUser { get; set; }

        public List<SendNewsMessageArticlesModel> Articles { get; set; }

        public NewsSingleMessage() { }

        protected override HttpContent CreateHttpClient()
        {
            return new StringContent(JsonConvert.SerializeObject(new
            {
                touser = ToUser,
                msgtype = "news",
                news = new
                {
                    articles = Articles
                }
            }));
        }
    }

修改控制器：SingleMessageController.cs

 新增下边2个方法

        /// <summary>发送图文消息</summary>
        /// <returns></returns>
        public ActionResult ViewNewsSingleMessage()
        {
            return View();
        }

        /// <summary>发送图文消息</summary>
        /// <returns></returns>
        public ActionResult NewsSingleMessage()
        {
            var newsSingleMessage = new NewsSingleMessage()
            {
                ToUser = "ombxUwMY-l-0rFyQkubkFcl4-Ggw",
                Articles = new List<SendNewsMessageArticlesModel>()
                {
                     new SendNewsMessageArticlesModel()
                     {
                          title="图片1",
                          description="图片说明1",
                          url="http://www.cnblogs.com/lanxiaoke",
                          picurl="http://desk.fd.zol-img.com.cn/t_s960x600c5/g5/M00/02/07/ChMkJlbKy1mIG_eHAAlF-ObP9cEAALIpgOhgqkACUYQ017.jpg"
                     },
                     new SendNewsMessageArticlesModel()
                     {
                          title="图片2",
                          description="图片说明2",
                          url="http://www.cnblogs.com/lanxiaoke",
                          picurl="http://desk.fd.zol-img.com.cn/t_s960x600c5/g5/M00/02/07/ChMkJ1bKy1qIDBKwABi_N9uSQHEAALIpgOIw1oAGL9P120.jpg"
                     }
                }
            };

            return Content(newsSingleMessage.Send());
        }

运行项目，看看效果

 

好了，自此，发送客服消息已经介绍完了，希望对新手有所帮助

 

微信公众号平台接口开发系列

1. 微信公众号平台接口开发：成为开发者 
2. 微信公众号平台接口开发：基础支持，获取access_token
3. 微信公众号平台接口开发：基础支持，获取微信服务器IP地址
4. 微信公众号平台接口开发：发送客服消息
5. 微信公众号平台接口开发：菜单管理
6. 微信公众号平台接口开发：待续