微信公众号开发自定义菜单跳转页面并获取用户信息实例详解

网络编程 2024/11/13 佚名

3 2 1

微信公众号开发自定义菜单

请先读完本文再进行配置开发

请先前往微信平台开发者文档阅读“网页授权获取用户基本信息”的接口说明

在微信公众账号开发中，往往有定义一个菜单，然后用户点击该菜单就进入用户个人中心的功能，通常应用于各个公众账号中的会员服务。

如何在微信自定义菜单中将用户导航到个人中心页面呢？

首选需要通过用户点击获取用户openid，而通过用户的点击跳转获取用户openid就必须在菜单中动态绑定用户的openid，或者在菜单的跳转URL中填写微信提供的链接，官方给了两个链接类型

一种是Scope为snsapi_base的链接

https://open.weixin.qq.com/connect/oauth2/authorize"htmlcode">

https://open.weixin.qq.com/connect/oauth2/authorize"htmlcode">

{ "type":"view", "name":"会员中心", "url":"https://open.weixin.qq.com/connect/oauth2/authorize" },




返回结果是创建菜单失败
创建菜单失败 errcode:{40033} errmsg:{invalid charset. please check your request, if include \uxxxx will create fail! hint: [91..gA0792vr23]}
我试了一下将后面的地址进行urlEncode，还是同样的错误。
后来我想了一个办法
在自定义菜单中填写自己的url，在填写的url中将用户重定向到snsapi_base的url中，然后再在snsapi_base中配置获取用户openid以及用户其他信息，最后跳转到一个页面，也就是通常的会员中心页面。
流程如下

请看代码
{ "type":"view",
 "name":"会员中心",
 "url":"http://配置的网址/redirect"}
其中通过url将用户跳转到

http://配置的网址/redirect

然后在处理方法中调用一次重定向即可


//类上的配置
@Controller
@RequestMapping("/wechat")
public class WeChatController{
  @RequestMapping(value = "/redirect", method = RequestMethod.GET)
  public String weixinRedirect(HttpServletRequest request, HttpServletResponse response) {
    return "redirect:https://open.weixin.qq.com/connect/oauth2/authorize";
    }
}


服务器会将微信认证 跳转到你的服务器处理地址，也就是上面
redirect_uri=你的服务器处理地址中的地址
这里配置为
你的服务器地址/oauth
代码如下


@RequestMapping(value = "/oauth", method = RequestMethod.GET)
  public String weixinOAuth(HttpServletRequest request, HttpServletResponse response, Model model) {
    //得到code
    String CODE = request.getParameter("code");
    String APPID = "你的APPID";
    String SECRET = "你的SECRET";
    //换取access_token 其中包含了openid
    String URL = "https://api.weixin.qq.com/sns/oauth2/access_token".replace("APPID", APPID).replace("SECRET", SECRET).replace("CODE", CODE);
    //URLConnectionHelper是一个模拟发送http请求的类
    String jsonStr = URLConnectionHelper.sendGet(URL);
    //System.out.println(jsonStr);
    //out.print(jsonStr);
    JSONObject jsonObj = new JSONObject(jsonStr);
    String openid = jsonObj.get("openid").toString();
    //有了用户的opendi就可以的到用户的信息了
    //地址为https://api.weixin.qq.com/sns/userinfo"user", wechatUser);
    return "vip/userInfo";
  }


效果如下


而且这种方式当用户用其他浏览器打开时，会出错，保证了只能在微信中使用，保障了安全性。而且地址栏不会有其他用户个人信息的暴露。

如有疑问，可以查看官网，谢谢大家的阅读，希望能帮助到大家，谢谢大家对本站的支持！