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

本文涉及的产品
Serverless 应用引擎免费试用套餐包,4320000 CU,有效期3个月
简介:

本帖最后由 王绪超丶 于 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

其他不变。

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

最后还是得谢谢峰哥的教程,真赞!

下面是本人亲测的截图:







 好多求源码的,我贴个链接:http://url.cn/JE0h9i (密码:z3Mj),来自柳峰的书中第六章  


相关实践学习
1分钟部署经典小游戏
本场景介绍如何使用Serverless应用引擎SAE 1分钟快速部署经典小游戏。
SAE的功能与使用入门
欢迎来到《SAE的功能与使用入门》,本课程是“云原生Serverless Clouder认证“系列中的第三阶段。课程将向您介绍阿里云Serverless应用引擎(SAE)服务相关的概念、特性与使用方式。通过课程将带您逐步深入探索Serverless世界,借助SAE服务,即使没有丰富的云计算和IT经验,也能够让开发人员在实际业务场景中便捷的掌握如何构建和部署应用程序,快速拥抱Serverless架构,将精力聚焦在应用代码和业务逻辑的实现上。 学习完本课程后,您将能够: 掌握Serverless应用引擎(SAE)的基本概念与核心优势 了解Serverless应用引擎(SAE)的核心功能 掌握使用Serverless应用引擎(SAE)的开发和部署流程 了解Serverless应用引擎(SAE)的适用场景和最佳实践 &nbsp;
相关文章
|
1月前
|
Java 容器
【学习笔记】Jsp与Servlet技术
【学习笔记】Jsp与Servlet技术
62 0
|
3月前
|
SQL Java 数据库
jsp中使用Servlet查询SQLSERVER数据库中的表的信息,并且打印在屏幕上
该博客文章介绍了在JSP应用中使用Servlet查询SQL Server数据库的表信息,并通过JavaBean封装图书信息,将查询结果展示在Web页面上的方法。
jsp中使用Servlet查询SQLSERVER数据库中的表的信息,并且打印在屏幕上
|
3月前
|
缓存 安全 Java
Java服务器端技术:Servlet与JSP的集成与扩展
Java服务器端技术:Servlet与JSP的集成与扩展
32 3
|
3月前
|
存储 缓存 前端开发
Servlet与JSP在Java Web应用中的性能调优策略
Servlet与JSP在Java Web应用中的性能调优策略
31 1
|
3月前
|
供应链 前端开发 Java
JSP+servlet+mybatis+layui服装库存管理系统(大三上学期课程设计)
这篇文章通过一个服装库存管理系统的实例,展示了在Spring Boot项目中使用Ajax、JSON、layui、MVC架构和iframe等技术,涵盖了注册登录、权限管理、用户管理、库存管理等功能,并提供了系统运行环境和技术要求的详细说明。
JSP+servlet+mybatis+layui服装库存管理系统(大三上学期课程设计)
|
3月前
|
存储 Java 关系型数据库
基于Servlet和JSP的Java Web应用开发指南
基于Servlet和JSP的Java Web应用开发指南
41 0
|
3月前
|
前端开发 安全 Java
在Java服务器端开发的浩瀚宇宙中,Servlet与JSP犹如两颗璀璨的明星,它们联袂登场,共同编织出动态网站的绚丽篇章。
在Java服务器端开发的浩瀚宇宙中,Servlet与JSP犹如两颗璀璨的明星,它们联袂登场,共同编织出动态网站的绚丽篇章。
28 0
|
5月前
|
存储 Java 关系型数据库
基于Servlet和JSP的Java Web应用开发指南
【6月更文挑战第23天】构建Java Web应用,Servlet与JSP携手打造在线图书管理系统,涵盖需求分析、设计、编码到测试。通过实例展示了Servlet如何处理用户登录(如`LoginServlet`),JSP负责页面展示(如`login.jsp`和`bookList.jsp`)。应用基于MySQL数据库,包含用户和图书表。登录失败显示错误信息,成功后展示图书列表。部署到Tomcat服务器测试功能。此基础教程为深入Java Web开发奠定了基础。
104 10
|
5月前
|
缓存 安全 Java
Java服务器端技术:Servlet与JSP的集成与扩展
【6月更文挑战第23天】Java Web开发中,Servlet和JSP是构建动态Web应用的基础。Servlet处理逻辑,JSP专注展示。示例展示了Servlet如何通过`request.setAttribute`传递数据给JSP渲染。JSP自定义标签提升页面功能,如创建`WelcomeTag`显示欢迎消息。Servlet过滤器,如`CacheControlFilter`,用于预处理数据或调整响应头。这些集成和扩展技术增强了应用效率、安全性和可维护性,是Java服务器端开发的关键。
63 7
|
5月前
|
存储 设计模式 搜索推荐
早期javeweb技术 JSP JDBC JSTJ Servlet BooStrap(下)
早期javeweb技术 JSP JDBC JSTJ Servlet BooStrap(下)
31 1