C#開發微信門戶及應用(11)--微信菜單的多種表現方式介紹

時間 2019-11-30

標籤 c# 開發微信門戶應用菜單多種表現方式介紹欄目 C# 简体版

原文原文鏈接

在前面一系列文章中，咱們能夠看到微信自定義菜單的重要性，能夠說微信公衆號帳號中，菜單是用戶的第一印象，咱們要規劃好這些菜單的內容，佈局等信息。根據微信菜單的定義，咱們能夠看到，通常菜單主要分爲兩種，一種是普通的Url菜單（類型爲View的菜單），一種是事件菜單（類型爲Click的菜單），通常狀況下，微信的Url菜單，是沒法得到用戶的任何信息的，但微信用戶信息很是重要，所以也提供了另一種方式（相似重定向的方式）來給咱們使用，本篇主要介紹這種從新定向的方式菜單的使用，以使咱們可以儘量和用戶進行交互。html

一、微信自定義菜單的分類

微信對自定義菜單的要求：目前自定義菜單最多包括3個一級菜單，每一個一級菜單最多包含5個二級菜單。一級菜單最多4個漢字，二級菜單最多7個漢字，多出來的部分將會以「...」代替。api

根據菜單的分類，咱們能夠把它經過圖形進行分類展現：服務器

我對各類微信公衆號進行了解，發現多數帳號採用的都是普通的View類型的菜單連接方式，經過它們連接到本身的微網站上，但也有一些作的好的，如省立中山圖書館，就能經過重定向的方式，提供一個綁定圖書館用戶和微信OpenID的入口，綁定後，用戶就能夠查看借閱的書籍，而後能夠經過一鍵續借功能實現圖書的快速續借功能。微信

對於這種重定向類型的Url菜單事件，微信的說明以下：app

若是用戶在微信中（Web微信除外）訪問公衆號的第三方網頁，公衆號開發者能夠經過此接口獲取當前用戶基本信息（包括暱稱、性別、城市、國家）。利用用戶信息，能夠實現體驗優化、用戶來源統計、賬號綁定、用戶身份鑑權等功能。請注意，「獲取用戶基本信息接口是在用戶和公衆號產生消息交互時，才能根據用戶OpenID獲取用戶基本信息，而網頁受權的方式獲取用戶基本信息，則無需消息交互，只是用戶進入到公衆號的網頁，就可彈出請求用戶受權的界面，用戶受權後，就可得到其基本信息（此過程甚至不須要用戶已經關注公衆號。）」佈局

二、重定向類型菜單的URL

上面說了，重定向類型的菜單分爲了兩種，其實他們也僅僅是參數Scope類型的不一樣，其餘部分也仍是同樣的。post

爲了展現，咱們在假設用戶單擊菜單的時候，切換到http://www.iqidi.com/testwx.ashx這個頁面，並帶過來當前用戶的OpenID等參數信息測試

對於scope=snsapi_base方式的連接以下：優化

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3d81fc2886d86526&redirect_uri=http%3A%2F%2Fwww.iqidi.com%2Ftestwx.ashx&response_type=code&scope=snsapi_base&state=123#wechat_redirect 網站

而對於scope=snsapi_userinfo方式的連接以下：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3d81fc2886d86526&redirect_uri=http%3A%2F%2Fwww.iqidi.com%2Ftestwx.ashx&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect

不過他們給手機客戶端的體驗是不一樣的，第一種能夠平滑切換，可是第二種會彈出一個對話框供用戶確認才能繼續。

爲了演示上面兩種獲取數據的不一樣，我把他們傳過來的code的值，用戶換取OpenID後進行用戶信息的解析，他們二者的結果都是同樣了。具體測試界面以下所示。

其中TestWX.ashx的頁面後臺代碼以下所示：

    /// <summary>
    /// TestWX 的摘要說明
    /// </summary>
    public class TestWX : IHttpHandler
    {
        string appId = ""; //換成你的信息
        string appSecret = ""; //換成你的信息

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string content = "";

            if (context.Request != null && context.Request.Url != null)
            {
                NameValueCollection list = HttpUtility.ParseQueryString(context.Request.Url.Query);
                foreach (string key in list.AllKeys)
                {
                    content += string.Format("{0}:{1} \r\n", key, list[key]);
                }
            }

            string code = context.Request.QueryString["code"] ?? "";
            if (!string.IsNullOrEmpty(code))
            {
                IBasicApi api = new BasicApi();
                try
                {
                    AppConfig config = new AppConfig();
                    appId = config.AppConfigGet("AppId");//從配置中獲取微信程序ID
                    appSecret = config.AppConfigGet("AppSecret");//從配置中獲取微信程序祕鑰

                    AccessTokenResult result = api.GetAccessToken(appId, appSecret, code);
                    if (result != null)
                    {
                        content += string.Format("openid:{0}\r\n", result.openid);

                        string token = api.GetAccessToken(appId, appSecret);
                        IUserApi userApi = new UserApi();
                        UserJson userDetail = userApi.GetUserDetail(token, result.openid);
                        if (userDetail != null)
                        {
                            content += string.Format("nickname:{0}  sex:{1}\r\n", userDetail.nickname, userDetail.sex);
                            content += string.Format("Location:{0} {1} {2} {3}\r\n", userDetail.country, userDetail.province, userDetail.city, userDetail.language);
                            content += string.Format("HeadUrl:{0} \r\n", userDetail.headimgurl);
                            content += string.Format("subscribe:{0},{1}\r\n", (userDetail.subscribe == 1) ? "已訂閱" : "未訂閱", userDetail.subscribe_time.GetDateTime());
                        }
                    }
                }
                catch { }
            }

            context.Response.Write(content);
        }

在上面的代碼中，我主要分爲幾步，一個是打印當前用戶重定向過來的連接的參數信息，代碼以下。

                NameValueCollection list = HttpUtility.ParseQueryString(context.Request.Url.Query);
                foreach (string key in list.AllKeys)
                {
                    content += string.Format("{0}:{1} \r\n", key, list[key]);
                }

而後獲取到Code參數後，經過API接口，獲取AccessTokenResult的數據，這裏面有用戶的OpenID

AccessTokenResult result = api.GetAccessToken(appId, appSecret, code);

當正常調用後，咱們把用戶標識的OpenID進一步進行解析，調用API獲取用戶的詳細信息，具體代碼以下所示。

UserJson userDetail = userApi.GetUserDetail(token, result.openid);

當咱們把用戶的相關信息獲取到了，就能夠作各類用戶信息的展現了，以下代碼所示。

                        if (userDetail != null)
                        {
                            content += string.Format("nickname:{0}  sex:{1}\r\n", userDetail.nickname, userDetail.sex);
                            content += string.Format("Location:{0} {1} {2} {3}\r\n", userDetail.country, userDetail.province, userDetail.city, userDetail.language);
                            content += string.Format("HeadUrl:{0} \r\n", userDetail.headimgurl);
                            content += string.Format("subscribe:{0},{1}\r\n", (userDetail.subscribe == 1) ? "已訂閱" : "未訂閱", userDetail.subscribe_time.GetDateTime());
                        }

三、重定向連接菜單的用途

這種菜單就是須要指定域名，在微信後臺中進行設置，重定向的連接必須屬於這個域名之中，不然不會轉到你但願的連接。

這個方式，讓咱們的微信應用程序後臺能夠得到用戶的標識、用戶詳細信息等，咱們就能夠用來綁定和用戶相關的業務信息了，如上面提到的圖書館借閱信息，送水客戶的信息，客戶的積分信息，或者能夠和後臺帳號進行關聯實現更加複雜的應用等。用戶的身份信息如此重要，若是結合到咱們的CRM系統、業務管理系統，就能夠發揮用戶信息應用的做用了。

以上就是我對這個類型菜單連接的應用瞭解，具體還須要進一步深化其應用，但願和你們共同探討這方面的應用場景。

若是對這個《C#開發微信門戶及應用》系列感興趣，能夠關注個人其餘文章，系列隨筆以下所示：

C#開發微信門戶及應用(25)-微信企業號的客戶端管理功能

C#開發微信門戶及應用(24)-微信小店貨架信息管理

C#開發微信門戶及應用(23)-微信小店商品管理接口的封裝和測試

C#開發微信門戶及應用(22)-微信小店的開發和使用

C#開發微信門戶及應用(21)-微信企業號的消息和事件的接收處理及解密

C#開發微信門戶及應用(20)-微信企業號的菜單管理

C#開發微信門戶及應用(19)-微信企業號的消息發送（文本、圖片、文件、語音、視頻、圖文消息等）

C#開發微信門戶及應用(18)-微信企業號的通信錄管理開發之成員管理

C#開發微信門戶及應用(17)-微信企業號的通信錄管理開發之部門管理

C#開發微信門戶及應用(16)-微信企業號的配置和使用