C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(11)--微信菜單的多種表現(xiàn)方式介紹

2019-11-17 03:09:25

字體：大中小

供稿：網(wǎng)友

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(11)--微信菜單的多種表現(xiàn)方式介紹

在前面一系列文章中，我們可以看到微信自定義菜單的重要性，可以說(shuō)微信公眾號(hào)賬號(hào)中，菜單是用戶(hù)的第一印象，我們要規(guī)劃好這些菜單的內(nèi)容，布局等信息。根據(jù)微信菜單的定義，我們可以看到，一般菜單主要分為兩種，一種是普通的Url菜單（類(lèi)型為View的菜單），一種是事件菜單（類(lèi)型為Click的菜單），一般情況下，微信的Url菜單，是無(wú)法獲得用戶(hù)的任何信息的，但微信用戶(hù)信息非常重要，因此也提供了另外一種方式（類(lèi)似重定向的方式）來(lái)給我們使用，本篇主要介紹這種重新定向的方式菜單的使用，以使我們能夠盡可能和用戶(hù)進(jìn)行交互。

1、微信自定義菜單的分類(lèi)

微信對(duì)自定義菜單的要求：目前自定義菜單最多包括3個(gè)一級(jí)菜單，每個(gè)一級(jí)菜單最多包含5個(gè)二級(jí)菜單。一級(jí)菜單最多4個(gè)漢字，二級(jí)菜單最多7個(gè)漢字，多出來(lái)的部分將會(huì)以“...”代替。

根據(jù)菜單的分類(lèi)，我們可以把它通過(guò)圖形進(jìn)行分類(lèi)展示：

我對(duì)各種微信公眾號(hào)進(jìn)行了解，發(fā)現(xiàn)多數(shù)賬號(hào)采用的都是普通的View類(lèi)型的菜單鏈接方式，通過(guò)它們鏈接到自己的微網(wǎng)站上，但也有一些做的好的，如省立中山圖書(shū)館，就能通過(guò)重定向的方式，提供一個(gè)綁定圖書(shū)館用戶(hù)和微信OpenID的入口，綁定后，用戶(hù)就可以查看借閱的書(shū)籍，然后可以通過(guò)一鍵續(xù)借功能實(shí)現(xiàn)圖書(shū)的快速續(xù)借功能。

對(duì)于這種重定向類(lèi)型的Url菜單事件，微信的說(shuō)明如下：

如果用戶(hù)在微信中（Web微信除外）訪(fǎng)問(wèn)公眾號(hào)的第三方網(wǎng)頁(yè)，公眾號(hào)開(kāi)發(fā)者可以通過(guò)此接口獲取當(dāng)前用戶(hù)基本信息（包括昵稱(chēng)、性別、城市、國(guó)家）。利用用戶(hù)信息，可以實(shí)現(xiàn)體驗(yàn)優(yōu)化、用戶(hù)來(lái)源統(tǒng)計(jì)、帳號(hào)綁定、用戶(hù)身份鑒權(quán)等功能。請(qǐng)注意，“獲取用戶(hù)基本信息接口是在用戶(hù)和公眾號(hào)產(chǎn)生消息交互時(shí)，才能根據(jù)用戶(hù)OpenID獲取用戶(hù)基本信息，而網(wǎng)頁(yè)授權(quán)的方式獲取用戶(hù)基本信息，則無(wú)需消息交互，只是用戶(hù)進(jìn)入到公眾號(hào)的網(wǎng)頁(yè)，就可彈出請(qǐng)求用戶(hù)授權(quán)的界面，用戶(hù)授權(quán)后，就可獲得其基本信息（此過(guò)程甚至不需要用戶(hù)已經(jīng)關(guān)注公眾號(hào)。）”

2、重定向類(lèi)型菜單的URL

上面說(shuō)了，重定向類(lèi)型的菜單分為了兩種，其實(shí)他們也僅僅是參數(shù)Scope類(lèi)型的不同，其他部分也還是一樣的。

為了展示，我們?cè)诩僭O(shè)用戶(hù)單擊菜單的時(shí)候，切換到http://www.iqidi.com/testwx.ashx這個(gè)頁(yè)面，并帶過(guò)來(lái)當(dāng)前用戶(hù)的OpenID等參數(shù)信息

對(duì)于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

而對(duì)于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

不過(guò)他們給手機(jī)客戶(hù)端的體驗(yàn)是不同的，第一種可以平滑切換，但是第二種會(huì)彈出一個(gè)對(duì)話(huà)框供用戶(hù)確認(rèn)才能繼續(xù)。

為了演示上面兩種獲取數(shù)據(jù)的不同，我把他們傳過(guò)來(lái)的code的值，用戶(hù)換取OpenID后進(jìn)行用戶(hù)信息的解析，他們兩者的結(jié)果都是一樣了。具體測(cè)試界面如下所示。

其中TestWX.ashx的頁(yè)面后臺(tái)代碼如下所示：

    /// <summary>    /// TestWX 的摘要說(shuō)明    /// </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);        }

在上面的代碼中，我主要分為幾步，一個(gè)是打印當(dāng)前用戶(hù)重定向過(guò)來(lái)的鏈接的參數(shù)信息，代碼如下。

                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參數(shù)后，通過(guò)API接口，獲取AccessTokenResult的數(shù)據(jù)，這里面有用戶(hù)的OpenID

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

當(dāng)正常調(diào)用后，我們把用戶(hù)標(biāo)識(shí)的OpenID進(jìn)一步進(jìn)行解析，調(diào)用API獲取用戶(hù)的詳細(xì)信息，具體代碼如下所示。

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

當(dāng)我們把用戶(hù)的相關(guān)信息獲取到了，就可以做各種用戶(hù)信息的展示了，如下代碼所示。

                        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());                        }

3、重定向鏈接菜單的用途

這種菜單就是需要指定域名，在微信后臺(tái)中進(jìn)行設(shè)置，重定向的鏈接必須屬于這個(gè)域名之中，否則不會(huì)轉(zhuǎn)到你希望的鏈接。

這個(gè)方式，讓我們的微信應(yīng)用程序后臺(tái)可以獲得用戶(hù)的標(biāo)識(shí)、用戶(hù)詳細(xì)信息等，我們就可以用來(lái)綁定和用戶(hù)相關(guān)的業(yè)務(wù)信息了，如上面提到的圖書(shū)館借閱信息，送水客戶(hù)的信息，客戶(hù)的積分信息，或者可以和后臺(tái)賬號(hào)進(jìn)行關(guān)聯(lián)實(shí)現(xiàn)更加復(fù)雜的應(yīng)用等。用戶(hù)的身份信息如此重要，如果結(jié)合到我們的CRM系統(tǒng)、業(yè)務(wù)管理系統(tǒng)，就可以發(fā)揮用戶(hù)信息應(yīng)用的作用了。

以上就是我對(duì)這個(gè)類(lèi)型菜單鏈接的應(yīng)用了解，具體還需要進(jìn)一步深化其應(yīng)用，希望和大家共同探討這方面的應(yīng)用場(chǎng)景。

如果對(duì)這個(gè)《C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用》系列感興趣，可以關(guān)注我的其他文章，系列隨筆如下所示：

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(25)-微信企業(yè)號(hào)的客戶(hù)端管理功能

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(24)-微信小店貨架信息管理

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(23)-微信小店商品管理接口的封裝和測(cè)試

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(22)-微信小店的開(kāi)發(fā)和使用

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(21)-微信企業(yè)號(hào)的消息和事件的接收處理及解密

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(20)-微信企業(yè)號(hào)的菜單管理

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(19)-微信企業(yè)號(hào)的消息發(fā)送（文本、圖片、文件、語(yǔ)音、視頻、圖文消息等）

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(18)-微信企業(yè)號(hào)的通訊錄管理開(kāi)發(fā)之成員管理

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(17)-微信企業(yè)號(hào)的通訊錄管理開(kāi)發(fā)之部門(mén)管理

C#開(kāi)發(fā)微信門(mén)戶(hù)及應(yīng)用(16)-微信企業(yè)號(hào)的配置和使用