首页 > 代码库 > [.Net] C#开发微信门户及应用之微信菜单的多种表现方式介绍
[.Net] C#开发微信门户及应用之微信菜单的多种表现方式介绍
URL:http://www.it165.net/pro/html/201405/13997.html
在前面一系列文章中,我们可以看到微信自定义菜单的重要性,可以说微信公众号账号中,菜单是用户的第一印象,我们要规划好这些菜单的内容,布局等信 息。根据微信菜单的定义,我们可以看到,一般菜单主要分为两种,一种是普通的Url菜单(类型为View的菜单),一种是事件菜单(类型为Click的菜 单),一般情况下,微信的Url菜单,是无法获得用户的任何信息的,但微信用户信息非常重要,因此也提供了另外一种方式(类似重定向的方式)来给我们使 用,本篇主要介绍这种重新定向的方式菜单的使用,以使我们能够尽可能和用户进行交互。
1、微信自定义菜单的分类
微信对自定义菜单的要求:目前自定义菜单最多包括3个一级菜单,每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字,二级菜单最多7个汉字,多出来的部分将会以“...”代替。
根据菜单的分类,我们可以把它通过图形进行分类展示:
我对各种微信公众号进行了解,发现多数账号采用的都是普通的View类型的菜单链接方式,通过它们链接到自己的微网站上,但也有一些做的好的,如省 立中山图书馆,就能通过重定向的方式,提供一个绑定图书馆用户和微信OpenID的入口,绑定后,用户就可以查看借阅的书籍,然后可以通过一键续借功能实 现图书的快速续借功能。
对于这种重定向类型的Url菜单事件,微信的说明如下:
如果用户在微信中(Web微信除外)访问公众号的第三方网页,公众号开发者可以通过此接口获取当前用户基本信息(包括昵称、性别、城市、国家)。利用用户信息,可以实现体验优化、用户来源统计、帐号绑定、用户身份鉴权等功能。请 注意,“获取用户基本信息接口是在用户和公众号产生消息交互时,才能根据用户OpenID获取用户基本信息,而网页授权的方式获取用户基本信息,则无需消 息交互,只是用户进入到公众号的网页,就可弹出请求用户授权的界面,用户授权后,就可获得其基本信息(此过程甚至不需要用户已经关注公众号。)”
2、重定向类型菜单的URL
上面说了,重定向类型的菜单分为了两种,其实他们也仅仅是参数Scope类型的不同,其他部分也还是一样的。
为了展示,我们在假设用户单击菜单的时候,切换到http://www.iqidi.com/testwx.ashx这个页面,并带过来当前用户的OpenID等参数信息
对于scope=snsapi_base方式的链接如下:
https://open.weixin.qq.com/connect/oauth4/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/oauth4/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的页面后台代码如下所示:
01.
/// <summary>
02.
/// TestWX 的摘要说明
03.
/// </summary>
04.
public
class
TestWX : IHttpHandler
05.
{
06.
string appId =
‘‘
;
//换成你的信息
07.
string appSecret =
‘‘
;
//换成你的信息
08.
09.
public
void
ProcessRequest(HttpContext context)
10.
{
11.
context.Response.ContentType =
‘text/plain‘
;
12.
string content =
‘‘
;
13.
14.
if
(context.Request !=
null
&& context.Request.Url !=
null
)
15.
{
16.
NameValueCollection list = HttpUtility.ParseQueryString(context.Request.Url.Query);
17.
foreach (string key in list.AllKeys)
18.
{
19.
content += string.Format(‘{
0
}:{
1
}
20.
‘, key, list[key]);
21.
}
22.
}
23.
24.
string code = context.Request.QueryString[
‘code‘
] ??
‘‘
;
25.
if
(!string.IsNullOrEmpty(code))
26.
{
27.
IBasicApi api =
new
BasicApi();
28.
try
29.
{
30.
AppConfig config =
new
AppConfig();
31.
appId = config.AppConfigGet(
‘AppId‘
);
//从配置中获取微信程序ID
32.
appSecret = config.AppConfigGet(
‘AppSecret‘
);
//从配置中获取微信程序秘钥
33.
34.
AccessTokenResult result = api.GetAccessToken(appId, appSecret, code);
35.
if
(result !=
null
)
36.
{
37.
content += string.Format(‘openid:{
0
}
38.
‘, result.openid);
39.
40.
string token = api.GetAccessToken(appId, appSecret);
41.
IUserApi userApi =
new
UserApi();
42.
UserJson userDetail = userApi.GetUserDetail(token, result.openid);
43.
if
(userDetail !=
null
)
44.
{
45.
content += string.Format(‘nickname:{
0
} sex:{
1
}
46.
‘, userDetail.nickname, userDetail.sex);
47.
content += string.Format(‘Location:{
0
} {
1
} {
2
} {
3
}
48.
‘, userDetail.country, userDetail.province, userDetail.city, userDetail.language);
49.
content += string.Format(‘HeadUrl:{
0
}
50.
‘, userDetail.headimgurl);
51.
content += string.Format(‘subscribe:{
0
},{
1
}
52.
‘, (userDetail.subscribe == 1) ? ‘
已订阅
‘ : ‘
未订阅‘, userDetail.subscribe_time.GetDateTime());
53.
}
54.
}
55.
}
56.
catch
{ }
57.
}
58.
59.
context.Response.Write(content);
60.
}
在上面的代码中,我主要分为几步,一个是打印当前用户重定向过来的链接的参数信息,代码如下。
1.
NameValueCollection list = HttpUtility.ParseQueryString(context.Request.Url.Query);
2.
foreach (string key in list.AllKeys)
3.
{
4.
content += string.Format(‘{
0
}:{
1
}
5.
‘, key, list[key]);
6.
}
然后获取到Code参数后,通过API接口,获取AccessTokenResult的数据,这里面有用户的OpenID
1.
AccessTokenResult result = api.GetAccessToken(appId, appSecret, code);
当正常调用后,我们把用户标识的OpenID进一步进行解析,调用API获取用户的详细信息,具体代码如下所示。
1.
UserJson userDetail = userApi.GetUserDetail(token, result.openid);
当我们把用户的相关信息获取到了,就可以做各种用户信息的展示了,如下代码所示。
01.
if
(userDetail !=
null
)
02.
{
03.
content += string.Format(‘nickname:{
0
} sex:{
1
}
04.
‘, userDetail.nickname, userDetail.sex);
05.
content += string.Format(‘Location:{
0
} {
1
} {
2
} {
3
}
06.
‘, userDetail.country, userDetail.province, userDetail.city, userDetail.language);
07.
content += string.Format(‘HeadUrl:{
0
}
08.
‘, userDetail.headimgurl);
09.
content += string.Format(‘subscribe:{
0
},{
1
}
10.
‘, (userDetail.subscribe == 1) ? ‘
已订阅
‘ : ‘
未订阅‘, userDetail.subscribe_time.GetDateTime());
11.
}
3、重定向链接菜单的用途
这种菜单就是需要指定域名,在微信后台中进行设置,重定向的链接必须属于这个域名之中,否则不会转到你希望的链接。
这个方式,让我们的微信应用程序后台可以获得用户的标识、用户详细信息等,我们就可以用来绑定和用户相关的业务信息了,如上面提到的图书馆借阅信 息,送水客户的信息,客户的积分信息,或者可以和后台账号进行关联实现更加复杂的应用等。用户的身份信息如此重要,如果结合到我们的CRM系统、业务管理 系统,就可以发挥用户信息应用的作用了。
以上就是我对这个类型菜单链接的应用了解,具体还需要进一步深化其应用,希望和大家共同探讨这方面的应用场景。
[.Net] C#开发微信门户及应用之微信菜单的多种表现方式介绍