通俗来讲VIEW其实就是我们在C#中常用的a标签，可以直接在自定义菜单URL的属性里面写上需要跳转的链接，也即为单纯的跳转。
但更多的情况下，我们是想通过VIEW来进入指定的页面并进行操作。
举一个简单的例子，假如我们的后台需要记录有哪些用户在什么时间访问了哪个网页，那么这就需要当用户点击VIEW的时候我们程序记录
所以微信官方提供了一个很好的解决方案，那就是将VIEW与网页授权获取用户信息相结合来实现
我们以建好的自定义菜单中的"搜索"VIEW为例，来简单的时候上面的操作。
首先将自定义菜单重新URL重新重新写入网页授权的链接，以及新建一个网页授权的页面OAuthRedirectUrl.aspx。
{
"button":[
{
"type":"click",
"name":"今日歌曲",
"key":"V1001_TODAY_MUSIC"
},
{
"type":"click",
"name":"歌手简介",
"key":"V1001_TODAY_SINGER"
},
{
"name":"菜单",
"sub_button":[
{
"type":"view",
"name":"搜索",
"url":"https://open.weixin.qq.com/connect/oauth2/authorize?appid=你的微信公众号appid&redirect_uri=http://xxx.com/WeiXin/OAuthRedirectUrl.aspx?reurl=so&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect"
},
{
"type":"view",
"name":"视频",
"url":"http://v.qq.com/"
},
{
"type":"click",
"name":"赞一下我们",
"key":"V1001_GOOD"
}]
}]
}
来看一下微信官方对这一串URL的参数解释：
| 参数 | 是否必须 | 说明 |
|---|---|---|
| appid | 是 | 公众号的唯一标识 |
| redirect_uri | 是 | 授权后重定向的回调链接地址，请使用urlencode对链接进行处理 |
| response_type | 是 | 返回类型，请填写code |
| scope | 是 | 应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息） |
| state | 否 | 重定向后会带上state参数，开发者可以填写a-zA-Z0-9的参数值，最多128字节 |
| #wechat_redirect | 是 | 无论直接打开还是做页面302重定向时候，必须带此参数 |
其中参数redirect_uri也就是上面提到新建的页面OAuthRedirectUrl.aspx，也就是说在跳转到想要的页面之前，先要到OAuthRedirectUrl.aspx去进行授权并获取用户基本信息，从而供自己使用。
OAuthRedirectUrl.aspx要做的操作其实也是很简单，完成微信指定的授权。
private string _appid = "你的微信公众号appid";
private string _appsecret = "你的微信公众号appsecret";
private string reurl = "";
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//获取传过来的值
if (Request.QueryString["reurl"] != null && Request.QueryString["reurl"].ToString() != "")
{
reurl = Request.QueryString["reurl"].ToString();
}
string code = "";
if (Request.QueryString["code"] != null && Request.QueryString["code"] != "")
{
code = Request.QueryString["code"].ToString();
OAuth_Token Model = Get_token(code);
OAuthUser OAuthUser_Model = Get_UserInfo(Model.access_token, Model.openid);
//"http://xx.com/" + reurl + ".aspx?openid=" + OAuthUser_Model.openid;
string strurl = "";
switch (reurl)
{
case "so":
strurl = "http://www.cnblogs.com/HappyAnt/";
break;
} Response.Redirect(strurl);
//Response.Write("reurl:" + reurl + ",code:" + code + ",openid:" + OAuthUser_Model.openid);
}
}
} //获得Token
protected OAuth_Token Get_token(string Code)
{
string Str = GetJson("https://api.weixin.qq.com/sns/oauth2/access_token?appid=" + _appid + "&secret=" + _appsecret + "&code=" + Code + "&grant_type=authorization_code");
OAuth_Token Oauth_Token_Model = JsonHelper.ParseFromJson<OAuth_Token>(Str);
return Oauth_Token_Model;
}
//刷新Token
protected OAuth_Token refresh_token(string REFRESH_TOKEN)
{
string Str = GetJson("https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=" + _appid + "&grant_type=refresh_token&refresh_token=" + REFRESH_TOKEN);
OAuth_Token Oauth_Token_Model = JsonHelper.ParseFromJson<OAuth_Token>(Str);
return Oauth_Token_Model;
}
//获得用户信息
protected OAuthUser Get_UserInfo(string REFRESH_TOKEN, string OPENID)
{
// Response.Write("获得用户信息REFRESH_TOKEN:" + REFRESH_TOKEN + "||OPENID:" + OPENID);
string Str = GetJson("https://api.weixin.qq.com/sns/userinfo?access_token=" + REFRESH_TOKEN + "&openid=" + OPENID);
OAuthUser OAuthUser_Model = JsonHelper.ParseFromJson<OAuthUser>(Str);
return OAuthUser_Model;
}
protected string GetJson(string url)
{
WebClient wc = new WebClient();
wc.Credentials = CredentialCache.DefaultCredentials;
wc.Encoding = Encoding.UTF8;
string returnText = wc.DownloadString(url); if (returnText.Contains("errcode"))
{
//可能发生错误
}
//Response.Write(returnText);
return returnText;
}
} public class OAuth_Token
{
public OAuth_Token()
{
//
//TODO: 在此处添加构造函数逻辑
//
}
//access_token 网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同
//expires_in access_token接口调用凭证超时时间，单位（秒）
//refresh_token 用户刷新access_token
//openid 用户唯一标识，请注意，在未关注公众号时，用户访问公众号的网页，也会产生一个用户和公众号唯一的OpenID
//scope 用户授权的作用域，使用逗号（,）分隔
public string access_token { get; set; }
public string expires_in { get; set; }
public string refresh_token { get; set; }
public string openid { get; set; }
public string scope { get; set; }
} public class OAuthUser
{
public OAuthUser()
{ }
#region 数据库字段
private string _openID;
private string _searchText;
private string _nickname;
private string _sex;
private string _province;
private string _city;
private string _country;
private string _headimgUrl;
private string _privilege;
#endregion #region 字段属性
/// <summary>
/// 用户的唯一标识
/// </summary>
public string openid
{
set { _openID = value; }
get { return _openID; }
}
/// <summary>
///
/// </summary>
public string SearchText
{
set { _searchText = value; }
get { return _searchText; }
}
/// <summary>
/// 用户昵称
/// </summary>
public string nickname
{
set { _nickname = value; }
get { return _nickname; }
}
/// <summary>
/// 用户的性别，值为1时是男性，值为2时是女性，值为0时是未知
/// </summary>
public string sex
{
set { _sex = value; }
get { return _sex; }
}
/// <summary>
/// 用户个人资料填写的省份
/// </summary>
public string province
{
set { _province = value; }
get { return _province; }
}
/// <summary>
/// 普通用户个人资料填写的城市
/// </summary>
public string city
{
set { _city = value; }
get { return _city; }
}
/// <summary>
/// 国家，如中国为CN
/// </summary>
public string country
{
set { _country = value; }
get { return _country; }
}
/// <summary>
/// 用户头像，最后一个数值代表正方形头像大小（有0、46、64、96、132数值可选，0代表640*640正方形头像），用户没有头像时该项为空
/// </summary>
public string headimgurl
{
set { _headimgUrl = value; }
get { return _headimgUrl; }
}
/// <summary>
/// 用户特权信息，json 数组，如微信沃卡用户为（chinaunicom）其实这个格式称不上JSON，只是个单纯数组
/// </summary>
public string privilege
{
set { _privilege = value; }
get { return _privilege; }
}
#endregion
}
要点：
1：页面上面必须要有接受code的代码，因为code要换取一个特殊的网页授权access_token
2：C#微信公众号开发 -- （四）获取API调用所需的全局唯一票据access_token 与这次的网页授权access_token不是一个值，也不是一个概念。
3：在页面中需要生成OAuth_Token，OAuthUser两个类，与微信提供的字段要完全吻合（更好的方式是让这两个类进行封装）
4：strurl中还可以写上带参数的链接，想获取的客户信息只需要在OAuthUser_Model读取就好了
5：一般的程序开发还暂时用不到“刷新Token”的方法，反正我现在是一直没用到，这里作为了解就好了
6：如果你这些都配置好后，页面却显示 ”redirect_uri 参数错误” ，那么请注意读微信的开发说明
“在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的开发者中心页配置授权回调域名”
以及检查你的URL链接里面参数有没有错误，参数顺序有没有错误。 做完这些工作以后，就可以真正意义上的实现跳转了，也即实现了VIEW它本身应有的价值。