SAE+Servlet+JSP实现微信公众平台OAuth2.0网页授权的使用

本帖最后由王绪超丶于 2014-5-23 08:36 编辑

一、微信公众号的申请
略。（本篇为高级接口，连微信公众号都不会申请，那看这个也没用）
二、SAE平台创建应用
其他帖子里有，比如→这里。我也不赘述了。
三、OAuth2.0接口的申请
推荐使用官方的测试账号：申请地址→这里
四、进入正题
官方API我就不说了，直接说些重要地方！
1、网页授权回调域名
通俗地讲就是你的公众平台项目部署的地方，如果你实在SAE创建的话，下面一般填：xxxx.sinaapp.com
为什么要写这个呢，因为所有在这个链接的页面都可以调用OAuth2.0网络授权这个接口。
ps：xxxx为你再SAE上部署的应用的名字，前面不要加http://

2、授权回调请求处理程序

如果要在网页中得到用户信息，就必须先引导用户进入网页授权页面；用户同意授权后会跳转到回调地址redirect_uri,redirect_uri是授权回调请求处理程序的访问地址；在处理程序中，开发者能获得code，再通过code获取access_token，最终得到用户信息。

授权回调请求处理程序部分代码如下：

public class OAuthServlet extends HttpServlet {
private static final long serialVersionUID = -1847238807216447030L;[/align][align=left] public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  request.setCharacterEncoding("gb2312");
  response.setCharacterEncoding("gb2312");[/align][align=left]  // 用户同意授权后，能获取到code
  String code = request.getParameter("code");[/align][align=left]  // 用户同意授权
  if (!"authdeny".equals(code)) {
   // 获取网页授权access_token
   WeixinOauth2Token weixinOauth2Token = AdvancedUtil.getOauth2AccessToken("APPID", "APPSECRET", code);
   // 网页授权接口访问凭证
   String accessToken = weixinOauth2Token.getAccessToken();
   // 用户标识
   String openId = weixinOauth2Token.getOpenId();
   // 获取用户信息
   SNSUserInfo snsUserInfo = AdvancedUtil.getSNSUserInfo(accessToken, openId);[/align][align=left]   // 设置要传递的参数
   request.setAttribute("snsUserInfo", snsUserInfo);
  }
  // 跳转到index.jsp
  request.getRequestDispatcher("index.jsp").forward(request, response);
}
}

web.xml如下

<servlet>
  <servlet-name>oauthServlet</servlet-name>
  <servlet-class>
   org.liufeng.course.servlet.OAuthServlet
  </servlet-class>
</servlet>
<servlet-mapping>
  <servlet-name>oauthServlet</servlet-name>
  <url-pattern>/oauthServlet</url-pattern>
</servlet-mapping>[/align][align=left] <welcome-file-list>
  <welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>

3、编写目标页面

用户授权完成后，会通过redirect_uri跳转到目标页面 index.jsp，代码如下：

<%@ page language="java" pageEncoding="gb2312"%>
<%@ page import="org.liufeng.course.pojo.SNSUserInfo;"%>
<html>
<head>
<title>OAuth2.0网页授权</title>
<meta name="viewport" content="width=device-width,user-scalable=0">
<style type="text/css">
  *{margin:0; padding:0}
  table{border:1px dashed #B9B9DD;font-size:12pt}
  td{border:1px dashed #B9B9DD;word-break:break-all; word-wrap:break-word;}
</style>
</head>
<body>
<%
  // 获取由OAuthServlet中传入的参数
  SNSUserInfo user = (SNSUserInfo)request.getAttribute("snsUserInfo");
  if(null != user) {
%>
<table width="100%" cellspacing="0" cellpadding="0">
  <tr><td width="20%">属性</td><td width="80%">值</td></tr>
  <tr><td>OpenID</td><td><%=user.getOpenId()%></td></tr>
  <tr><td>昵称</td><td><%=user.getNickname()%></td></tr>
  <tr><td>性别</td><td><%=user.getSex()%></td></tr>
  <tr><td>国家</td><td><%=user.getCountry()%></td></tr>
  <tr><td>省份</td><td><%=user.getProvince()%></td></tr>
  <tr><td>城市</td><td><%=user.getCity()%></td></tr>
  <tr><td>头像</td><td><%=user.getHeadImgUrl()%></td></tr>
  <tr><td>特权</td><td><%=user.getPrivilegeList()%></td></tr>
</table>
<%
  }
  else
   out.print("用户不同意授权,未获取到用户信息！");
%>
</body>
</html>

4、网络授权链接

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx5d2523ead18e4d17&redirect_uri=http%3A%2F%2Fxxxx.sinaapp.com%2FoauthServlet&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect

红色部分为你微信公众平台申请接口时的appid，当然这个是我随便写的！黑色部分就是你们在sae部署的项目的地址：http://xxxx.sinaapp.com/oauthServlet,不过进行了URL编码（utf-8）

编码规律（本人自己总结的）：： --> %3A

/ --> %2F

其他不变。

你可以把这个授权链接放到菜单里，也可以直接发给用户，不过他们看到这么长会吓死吧！

最后还是得谢谢峰哥的教程，真赞！

下面是本人亲测的截图：