通俗来讲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它本身应有的价值。
请发表评论