SAE+Servlet+JSP实现微信公众平台OAuth2.0网页授权的使用
2016-01-30 15:56
591 查看
一、微信公众号的申请
略。(本篇为高级接口,连微信公众号都不会申请,那看这个也没用)
二、SAE平台创建应用
其他帖子里有,比如→这里。我也不赘述了。
三、OAuth2.0接口的申请
推荐使用官方的测试账号:申请地址→这里
四、进入正题
官方API我就不说了,直接说些重要地方!
1、网页授权回调域名
通俗地讲就是你的公众平台项目部署的地方,如果你实在SAE创建的话,下面一般填:xxxx.sinaapp.com
为什么要写这个呢,因为所有在这个链接的页面都可以调用OAuth2.0网络授权这个接口。
ps:xxxx为你再SAE上部署的应用的名字,前面不要加http://
2、授权回调请求处理程序
如果要在网页中得到用户信息,就必须先引导用户进入网页授权页面;用户同意授权后会跳转到回调地址redirect_uri,redirect_uri是授权回调请求处理程序的访问地址;在处理程序中,开发者能获得code,再通过code获取access_token,最终得到用户信息。
授权回调请求处理程序部分代码如下:
复制代码
web.xml如下
复制代码
3、编写目标页面
用户授权完成后,会通过redirect_uri跳转到目标页面 index.jsp,代码如下:
复制代码
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
其他不变。
你可以把这个授权链接放到菜单里,也可以直接发给用户,不过他们看到这么长会吓死吧!
最后还是得谢谢峰哥的教程,真赞!
略。(本篇为高级接口,连微信公众号都不会申请,那看这个也没用)
二、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
其他不变。
你可以把这个授权链接放到菜单里,也可以直接发给用户,不过他们看到这么长会吓死吧!
最后还是得谢谢峰哥的教程,真赞!
相关文章推荐
- 【CF应用开发大赛】微博社交简历
- Python脚本实现下载合并SAE日志
- 在SAE上搭建最新wordpress的方法
- php实现SAE上使用storage上传与下载文件的方法
- 新浪SAE搭建PHP项目教程
- sae使用smarty模板的方法
- web.py在SAE中的Session问题解决方法(使用mysql存储)
- 在SAE上部署Python的Django框架的一些问题汇总
- Python Web框架Flask中使用新浪SAE云存储实例
- Maven的微信公众号项目部署到SAE用户消息无响应
- ThinkPHP在新浪SAE平台的部署实例
- wordpress中加载JQuery库的几种方法
- 使用新浪SAE实现快速免费建站
- php连接数据库例子
- 在sae中使用jfinal框架开发web工程遇到的问题
- SAE 免费配额用户 mysql 数据库 不支持InnoDB数据库引擎
- 新浪sae开发不能写入文件
- Sina App Engine(SAE)数据库学习心得
- 在SAE上使用wx_sample.php获取token失败问题
- [php5.6]用mysqli连接SAE数据库