首頁  >  文章  >  微信小程式  >  微信開發實現各種訊息的回應

微信開發實現各種訊息的回應

高洛峰
高洛峰原創
2017-03-08 16:40:071605瀏覽

繼續之前我們沒有完成的部分,現在可以實現簡單的文字交互,這篇將實現各種訊息,事件的回應。

專案GitHub地址:  https://github.com/Andyahui/xgyxsh_WeiXin

SDK的GitHub位址:https:/ /github.com/JeffreySu/WeiXinMPSDK/

SDK官方介紹部落格:http://www.cnblogs.com/szw/archive/2013/05/14/weixin-course- index.html


一:實現各類別訊息的簡單回覆

     基於現在的底層框架,我們不難看出其餘的回應機制不是很難,只是我們不是很熟悉這個SDK而已;現在已經實現了文本回复,我們在重寫OnTextRequest方法的時候發現有很多的重新方法,如下。

微信開發實現各種訊息的回應

這個就是我們需要實作各種訊息機制和事件機制的方法。可以透過實作對應的方法來回應微信伺服器發送過來的各種POST請求,如果網站有很多的需求,那麼處理的業務邏輯就是在這些方法中進行。

  • 1.1:處理語音請求;

        public override IResponseMessageBase OnVoiceRequest(RequestMessageVoice requestMessage)
        {
            var responseVoice = base.CreateResponseMessage<responsemessagevoice>();
            responseVoice.Voice=new Voice()
            {                
                MediaId = requestMessage.MediaId
            };           
            return responseVoice;
        }</responsemessagevoice>

       我們客戶端發送的語音請求先到OnVoiceRequest方法中,如果沒有任何的回應就到預設回覆方法中回覆用戶訊息。在上面方法測試中我們創建了語音的回复,默認回复它自己的語音,MediaId是通過素材管理接口上傳的多媒體文件得到的ID,其實就是微信服務器保存用戶發送語音的ID;

  • 1.2:處理圖片請求;

        public override IResponseMessageBase OnImageRequest(RequestMessageImage requestMessage)
        {
            var responseImage = base.CreateResponseMessage<responsemessagetext>();
            responseImage.Content = "来自图片,ahui";
            return responseImage;
        }</responsemessagetext>

     使用者傳送的圖片請求,之後我們回覆文字。要是需要複雜的邏輯我們可以自己在這裡加入。其中的base.CreateResponseMessage()就是創建了一個回應的文字類型;

  • ##1.3:處理地理位置請求;

        public override IResponseMessageBase OnLocationRequest(RequestMessageLocation requestMessage)
        {
            //返回的是图文消息,是关于地址的图文消息。
            var responseLocation = base.CreateResponseMessage<responsemessagenews>();

            var markersList = new List<baidumarkers>();
            markersList.Add(new BaiduMarkers()
            {
                Size=BaiduMarkerSize.m,
                Color ="red",
                Label="A",
                Latitude =requestMessage.Location_X,
                Longitude=requestMessage.Location_Y,
            });
            var mapUrl = BaiduMapHelper.GetBaiduStaticMap(requestMessage.Location_Y,requestMessage.Location_X,1,13,markersList);
            responseLocation.Articles.Add(new Article()
            {
                Description = string.Format("您刚才发送了地理位置信息。Location_X:{0},Location_Y:{1},Scale:{2},标签:{3}",requestMessage.Location_X,requestMessage.Location_Y,requestMessage.Scale,requestMessage.Label),
                PicUrl = "http://pic.cnblogs.com/avatar/679140/20141128195544.png",
                Title="张辉的地图",
                Url = mapUrl
            });
            return responseLocation;
        }</baidumarkers></responsemessagenews>

#1.3:處理地理位置請求;

  •         public override IResponseMessageBase OnLinkRequest(RequestMessageLink requestMessage)
            {
                var responseLink = base.CreateResponseMessage<responsemessagenews>();
                responseLink.Articles.Add(new Article()
                {
                    Title="处理链接来的请求。",
                    Description =requestMessage.Description,
                    PicUrl = "http://pic.cnblogs.com/avatar/679140/20141128195544.png",
                    Url=requestMessage.Url
                });
                return responseLink;
            }</responsemessagenews>

         處理地理位置請求,使用者傳送自己的地理位置,我們可以傳送給使用者任何我們想傳送的訊息,上面是呼叫百度地圖的接口,將它自己的訊息又重新的傳送。

1.4:處理連結請求;

        /// <summary>
        /// 订阅事件
        /// </summary>
        /// <param>
        /// <returns></returns>
        public override IResponseMessageBase OnEvent_SubscribeRequest(RequestMessageEvent_Subscribe requestMessage)
        {
            var responseSubscribe = base.CreateResponseMessage<responsemessagetext>();
            responseSubscribe.Content = "欢迎订阅,张辉欢迎您。";
            return responseSubscribe;
        }</responsemessagetext>
關於連結也是回覆圖文訊息,之前的很多都是回覆圖文訊息,但是我們要注意裡面的參數,才可以符合微信的回覆內容。

二:POST事件的回覆

     微信用戶和公眾號的互動過程中,用戶的一些操作會使微信伺服器以事件的形式發送請求到開發在者設定的網站伺服器上,某些事件可以讓我們回覆使用者資訊;以下就是來處理這些的。 微信開發者文件的事件推送:

 

http://mp.weixin.qq.com/wiki/7/9f89d962eba4c5924ed95b513ba69d9b.html
  • 帶有Event_標識的代表就是事件的方法,我們需要重寫這些方法來實現我們的回應。這裡面有很多可以看官網的介紹。

2.1:訂閱事件

  •         /// <summary>
            /// 点击事件
            /// </summary>
            /// <param>
            /// <returns></returns>
            public override IResponseMessageBase OnEvent_ClickRequest(RequestMessageEvent_Click requestMessage)
            {
                var respondeEvert = base.CreateResponseMessage<responsemessagetext>();
                respondeEvert.Content = "点击事件,";
                return respondeEvert;
            }</responsemessagetext>

    回覆的是文字內容,這有利於測試,我們可以添加任何的邏輯,也可以回复任何的圖文,語音,文字等類型。這就要看專案的需求了。

2.2:點擊選單拉取訊息時的事件推送

  •         public override IResponseMessageBase OnEvent_ViewRequest(RequestMessageEvent_View requestMessage)
            {
                var responseView = base.CreateResponseMessage<responsemessagetext>();
                responseView.Content = "点击带有view的菜单栏";
                return responseView;
            }</responsemessagetext>

    這裡你可能不知道這個點擊事件是什麼,這個是在選單列那邊設定的,我們之後就會實現選單列的功能。

2.3:點選選單跳轉連結時的事件推送

#
{
        "button": [
            {
                "name": "IT资讯", 
                "sub_button": [
                    {
                        "type": "view", 
                        "name": "博客园", 
                        "url": "http://m.cnblogs.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "view", 
                        "name": "IT新闻", 
                        "url": "http://news.cnblogs.com/m", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "click", 
                        "name": "关于开发者", 
                        "key": "http://m.cnblogs.com/?u=netxiaohui", 
                        "sub_button": [ ]
                    }
                ]
            }, 
            {
                "name": "校园生活", 
                "sub_button": [
                    {
                        "type": "view", 
                        "name": "搜索", 
                        "url": "http://www.baidu.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "view", 
                        "name": "视频", 
                        "url": "http://v.qq.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "click", 
                        "name": "关注我们", 
                        "key": "V1001_GOOD", 
                        "sub_button": [ ]
                    }
                ]
            }, 
            {
                "name": "学生", 
                "sub_button": [
                    {
                        "type": "view", 
                        "name": "搜索", 
                        "url": "http://www.soso.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "view", 
                        "name": "视频", 
                        "url": "http://v.qq.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "click", 
                        "name": "关注我们", 
                        "key": "V1001_GOOD", 
                        "sub_button": [ ]
                    }
                ]
            }
        ]
    }

三:實作微信公眾號自訂選單
  •      每個微信的頁面下基本上都有選單欄,人家的那個是透過常規的設定可以實現的,現在我們的只是測試號,在測試號頁面找了好久都沒有發現,最後經過查詢在開發者調試中可以設定。還有一種是利用SDK提供的頁面來實現。

    #########  3.1:利用開發者偵錯工具實作自訂選單###

微信開發實現各種訊息的回應

开发者调试工具网址:https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index&type=%E6%B6%88%E6%81%AF%E6%8E%A5%E5%8F%A3%E8%B0%83%E8%AF%95&form=%E4%BA%8B%E4%BB%B6%E6%B6%88%E6%81%AF

     我们发现这个还需要access_token来请求,但是我们从之前的开发中都没有发现有这个,那么这个是什么呢,仔细的看官方的介绍吧;

获取access_token,我们可以通过开发者调试工具,利用AppId和secret来获取;

微信開發實現各種訊息的回應

在第一幅图中我们还需要body,调用接口的json数据包;可以参考微信开发文档里面的进行设置。注意里面就会看到click和view这两个事件类型。

{
        "button": [
            {
                "name": "IT资讯", 
                "sub_button": [
                    {
                        "type": "view", 
                        "name": "博客园", 
                        "url": "http://m.cnblogs.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "view", 
                        "name": "IT新闻", 
                        "url": "http://news.cnblogs.com/m", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "click", 
                        "name": "关于开发者", 
                        "key": "http://m.cnblogs.com/?u=netxiaohui", 
                        "sub_button": [ ]
                    }
                ]
            }, 
            {
                "name": "校园生活", 
                "sub_button": [
                    {
                        "type": "view", 
                        "name": "搜索", 
                        "url": "http://www.baidu.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "view", 
                        "name": "视频", 
                        "url": "http://v.qq.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "click", 
                        "name": "关注我们", 
                        "key": "V1001_GOOD", 
                        "sub_button": [ ]
                    }
                ]
            }, 
            {
                "name": "学生", 
                "sub_button": [
                    {
                        "type": "view", 
                        "name": "搜索", 
                        "url": "http://www.soso.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "view", 
                        "name": "视频", 
                        "url": "http://v.qq.com/", 
                        "sub_button": [ ]
                    }, 
                    {
                        "type": "click", 
                        "name": "关注我们", 
                        "key": "V1001_GOOD", 
                        "sub_button": [ ]
                    }
                ]
            }
        ]
    }

    关于里面的事件类型,我们可以自己随意的设置,都会响应我们前面设置的菜单事件,我们可以进行一系列的逻辑代码的处理。

3.2:SDK的自定义菜单

      通过下面的网址可以 进行设置,里面还是需要前面的两个参数AppId和secret或者Token来设置微信的自定义菜单。

设置自定义菜单网址:http://sdk.weixin.senparc.com/Menu

微信開發實現各種訊息的回應微信開發實現各種訊息的回應

四:最终的结果展示

    实现上面的代码就可以实现相应的功能。这个SDK简单的使用我们现在已经大体的会了,在之后的博文中会慢慢的解析这个SDK里面的一些东西,会从Request,Response等基础开始。

微信開發實現各種訊息的回應微信開發實現各種訊息的回應


以上是微信開發實現各種訊息的回應的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn