微信授权获取code请求openID,js+java
作者:LoveEmperor-王子様
微信网页获取用户授权
请见另一版: https://blog.csdn.net/qq_31424825/article/details/80272364
背景
* 微信网页利用现有微信公众号信息去获取用户的授权,然后得到用户的openID,得到openID后可以进一步获取用户信息,用户微信名,头像,调用微信统一下单支付等。
* 详情见:[微信公众平台](https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842)
第一步:用户同意授权,获取code
* 微信公众账号是否拥有授权作用域(scope参数)的权限,即是否网页授权(在接口权限--网页授权处),参数分为:snsapi_base和snsapi_userinfo
* 应用授权作用域(scope参数),snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且, 即使在未关注的情况下,只要用户授权,也能获取其信息 )
* 请求接口实例:
* scope为snsapi_base
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect
* scope为snsapi_userinfo
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf0e81c3bee622d60&redirect_uri=http%3A%2F%2Fnba.bluewebgame.com%2Foauth_response.php&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
* 参数说明:
![](/assets/2018-04-21-01.png)
* 用户同意授权后,如果用户同意授权,页面将跳转至 redirect_uri/?code=CODE&state=STATE。页面会自带上code;我们需要获取页面上的code。
* 代码示例:
* js部分代码
// snsapi_base snsapi_userinfo 第一步用户授权,跳转目标页,在下一页得到code
var redirect_urls= encodeURIComponent("http://weixin3.szfangle.com/wxapp/roadOutSide/view/Payment.html");
var urls = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxd6c8775dcf404c1f&redirect_uri="+redirect_urls+"&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";
function mygets() {
window.location.href = urls;
}
mygets();
// 目标页(redirect_uri跳转页) 获取code,code来自页面返回,这个需要揣摩,隐藏的坑function getQueryString (name){var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]); return null;}var code = getQueryString('code');
// 将code通过js传给java处理 appid与secret来自微信公众号,
if(code != null){
var parameters = {};
parameters.appid = "wxd6c8775dcf404c1f";
parameters.secret = "9ed577c3e53428189ecbb1dd9a260cd6";
parameters.code = code;
parameters.grant_type="authorization_code"
$.ajax({
type: 'POST',
data:parameters,
url:"http://weixin3.szfangle.com/wxapp/mobileApi/submitWxcode.fgl?",
success: function(res){
console.log(res)},error:function(res){
console.log(res)
var resData = eval("("+res+")");
}
});
第二步:得到code,请求openID
/** 接受来自js提交的code,以及其他参数。正式项目中AppID等应该从配置文件中读取* 获取微信授权access_token openid* 这里的url必须这样拼接,这是个坑,否则会报AppID is Miss* 这里我们得到了openid,*/@ResponseBody@RequestMapping(value=Url.SUBMIT_WXCODE_URL) private WxGetCodeAck getWxcode(HttpServletRequest request,HttpServletResponse httpResponse,ModelMap model) throws IOException{WxGetCodeAck dto = new WxGetCodeAck();String appid=request.getParameter("appid");String secret=request.getParameter("secret");String code=request.getParameter("code"); String grant_type=request.getParameter("grant_type");String url = "https://api.weixin.qq.com/sns/oauth2/access_token? appid="+appid+"&secret="+secret+"&code="+code+"&grant_type="+grant_type+"";String ret = HttpUtils.getInstance().doHttpPost(url, "");Gson gson = new Gson();dto = gson.fromJson(ret, WxGetCodeAck.class);if(dto!=null && dto.getOpenid()!=null){dto.setMsg("ok");dto.setRet(0);}else{dto.setRet(-100);dto.setMsg("getOpenid is error");} return dto; }
第三步:如果我们需要获取用户更多信息,微信名,头像等
* 前提是scope:snsapi_userinfo,即请求code时,参数设置
* 请求url:
http:GET(请使用https协议) https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN
* access_token:网页授权接口调用凭证,注意:此access_token与基础支持的access_token不同,即上一步获取openID是的access_token
* openid:用户的唯一标识
* lang:返回国家地区语言版本,zh_CN 简体,zh_TW 繁体,en 英语
* 返回说明:
![](/assets/2018-04-21-02.png)
更多精彩请关注微信公众平台: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
微信授权获取code请求openID,js+java相关推荐
- html获取微信code,微信授权获取code(微信支付)
微信授权获取code(微信支付) 2019-03-02 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了微信授权获取code(微信支付),编程之家小编觉得挺不错的 ...
- 微信授权获取用户的openid和支付宝授权获取用户的userid
为什么80%的码农都做不了架构师?>>> 当一请求一个链接或者是扫描二维码时,会请求后台方法,当然对于微信和支付宝来说,大多数时候是扫 码 一.首先说微信: 1.首先会判断请求 ...
- 微信授权获取code(微信支付)
摘要:最近在做h5支付,然后发现一个问题,微信自带浏览器不支持h5支付,然后后台又做了一个微信支付的接口,然后要传code参数,代码写好总结后,就发到这里记录一下: 因为有两个支付接口,所以首先判断打 ...
- 【java 微信公众号开发】 微信端获取code和opendId,access_token 步骤调试
一.网页授权 页面授权获取code,到微信公众平台配置, https://open.weixin.qq.com/connect/oauth2/authorize?appid=Appid&red ...
- 微信授权获取用户openid前端实现
近来,倒霉的后台跟我说让我拿个openid做微信支付使用,寻思很简单,开始干活. 首先引导用户打开如下链接,只需要将appid修改为自己的就可以,redirect_url写你的重定向url https ...
- 微信授权获取openID等信息,这里简化记录一下
微信授权获取openID等信息 微信测试平台连接:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 授权操作必须用外网(推荐 ...
- php微信授权没有code返回,解决关于微信公众号网页授权获取code参数的问题
解决关于微信公众号网页授权获取code参数的问题 发布时间:2018-07-24 23:21, 浏览次数:3327 , 标签: code * 在微信网页授权过程中,需要获取code参数,因为我用的是公 ...
- mpvue微信小程序http请求-fly.js
mpvue微信小程序http请求-fly.js fly.js是什么? 一个支持所有JavaScript运行环境的基于Promise的.支持请求转发.强大的http请求库.可以让您在多个端上尽可能大限度 ...
- app微信登陆 获取code等信息
app微信登陆 获取code等信息 在条件编译下可以直接使用plus方法 // #ifdef APP-PLUSplus.oauth.getServices(function(servies) {var ...
最新文章
- python 打开文件-Python 读文件
- JMS : Java Message Service (Java消息服务)之一 [转]
- 通过url来设置log4j的记录级别
- VS2005~VS2022,那些年用过的VS,致敬,青春!
- linux算法平台,Linux实时调度算法与测试平台的研究与实现
- DevExpress控件使用经验总结
- RFID开发利器 proxmark3
- cesiumjs开发实践(七) 3D模型
- Java 蓝桥杯 判断闰年
- 学计算机之路写一篇作文,写我的学艺之路作文
- PHP连接MySQL查询结果中文显示乱码问题
- android计时器代码百度网盘下载,计时器flash_求几个简单Flash计时器,可以自己设定时间的,百度云...
- 第十章 隐马尔可夫模型
- 恩智浦杯(飞思卡尔)全国大学生智能车竞赛摄像头简单的图像失真矫正技术原理与实现(透视变换)
- Cobbler批量安装操作系统配置实战
- 真骨传导耳机推荐:佩戴最舒适健康的蓝牙耳机
- python下载vip素材_Python下载素材脚本
- 【报告分享】2020中国教育培训移动应用发展研究报告-TalkingData(附下载)
- 三星 s4(i9502) android4.4rom 官方,三星I9502刷机包5件套I9502ZNUIOH2安卓5.0.1Rom线刷包
- 20暨南大学计算机考研经验知乎,暨大应统经验转自知乎