微信JSSDK开发,调用微信扫一扫 JAVA jsp前端 js实现

// 微信JSSDK的AccessToken请求URL地址ublic final static String weixin_jssdk_acceToken_url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=公众号appid&secret=众号appsecret;
// 微信JSSDK的ticket请求URL地址 
public final static String weixin_jssdk_ticket_url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi"; 
/*** 获取微信JSSDK的access_token * @author Benson*/public static String getJSSDKAccessToken() {  String returnString="";String requestUrl = weixin_jssdk_acceToken_url;  JSONObject jsonObject = httpRequest(requestUrl, "GET", null);  //Http GET请求// 如果请求成功   if (null != jsonObject) {  try {  returnString=jsonObject.getString("access_token");  } catch (JSONException e) {  returnString = null;  }  }  return returnString;  } /*** 获取微信JSSDK的ticket * @author Benson*/public static String getJSSDKTicket(String access_token) {  String returnString="";String requestUrl = weixin_jssdk_ticket_url.replace("ACCESS_TOKEN", access_token);  JSONObject jsonObject = httpRequest(requestUrl, "GET", null);  // 如果请求成功   if (null != jsonObject) {  try {  returnString=jsonObject.getString("ticket");  } catch (JSONException e) {  returnString = null;  }  }  return returnString;  } 

//获取微信JSSDK签名,用于调用微信扫一扫,返回对应数据

@Overridepublic Map getSignture(HttpServletRequest request,ModelAndView mav) {String js_accessToken = WeixinUtil.getJSSDKAccessToken();  //获取微信jssdk---access_tokenString jsapi_ticket = WeixinUtil.getJSSDKTicket(js_accessToken); //获取微信jssdk---ticketSystem.out.println("jsapi_ticket==="+jsapi_ticket);//获取完整的URL地址String fullPath=BasePath.getFullPath(request);Map data = WxJSsign.sign(jsapi_ticket, fullPath);mav.addObject("timestamp", data.get("timestamp"));mav.addObject("nonceStr", data.get("nonceStr"));mav.addObject("signature", data.get("signature"));return data;}

 

//JSP页面 放置3个隐藏的input 获取时间戳,签名等信息

<input type="hidden" id="timestamp" value="${timestamp}"/>
<input type="hidden" id="nonceStr" value="${nonceStr}"/>
<input type="hidden" id="signature" value="${signature}"/>

 

        var timestamp = $("#timestamp").val();//时间戳var nonceStr = $("#nonceStr").val();//随机串var signature = $("#signature").val();//签名wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId: '公众号ID', // 必填,公众号的唯一标识timestamp: timestamp, // 必填,生成签名的时间戳nonceStr: nonceStr, // 必填,生成签名的随机串signature: signature,// 必填,签名,见附录1jsApiList: ['scanQRCode'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2});//点击扫描按钮,扫描二维码并返回结果document.querySelector('#scanQRCode').onclick = function () {wx.scanQRCode({needResult: 1,desc: 'scanQRCode desc',success: function (res) {//扫码后获取结果参数:htpp://xxx.com/c/?6123,截取到url中的防伪码后,赋值给Inputvar url = res.resultStr;var tempArray = url.split('?');var tempNum = tempArray[1];$("#id_securityCode_input").val(tempNum);}});};

 

 

//演示结果“

\             \           \

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/255278.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

公众号怎么弄html,微信公众号与HTML 5混合模式揭秘1——如何部署JSSDK

本文是连载J享。发概程间告屏会。一控近到都从述序也问SSDKH5的书&#xff0c;这里是第一篇揭秘————如何部署JSSD支器事的后功发久这含层请间业在屏有随些气和域&#xff0c;实按控幻近持的前时来能过后些的处求也务浏蔽等机站风滚或默现钮制灯近持的前时来K 部署讲过一围多…

如何在微信小程序中调用腾讯地图api

微信小程序的地图api是非常有限的&#xff0c;如果要搜索地图上的位置&#xff0c;比如附近的医院、学校等&#xff0c;就需要使用地图api&#xff0c;使用腾讯地图api的过程如下&#xff1a; 一、开发者申请腾讯地图 进入官网http://lbs.qq.com/key.html 申请密钥 验证完手…

php 微信公众号分享自定义标题,简介,图片

1、必须有认证的公众号 2、设置域名到JS接口安全域名 3、设置IP白名单 4、查看微信JS-SDK说明文档 文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html ** 示例代码&#xff1a;** http://demo.open.weixin.qq.com/jssdk/sample.zip <?php//…

微信公众号支付 jssdk ,后端 laravel + easywechat,前端 uniapp

前提&#xff1a;商户号&#xff0c;各种授权域名 &#xff0c;app_id api_key 证书 等&#xff0c;都已配置好了。 不会配置的参考官方文档&#xff1a; https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_1.shtml 主要流程 前端&#xff1a;用户点购买按钮 前端…

微信公众号基础04_分享和录音功能的实现

本文简单说明一下微信测试号分享和录音功能的调用&#xff0c;其他JSSD功能与这类似 参考&#xff1a;微信JS-SDK文档 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E8.8E.B7.E5.8F.96.E2.80.9C.E5.88.86.E4.BA.AB.E7.BB.99.E6.9C.8B.E5.8F.8B.E2.8…

【22-23 春学期】AI作业12-LSTM

网络 LSTM&#xff08;输入门、遗忘门、输出门&#xff09; LSTM&#xff08;长短时记忆网络&#xff09;是一种特殊的RNN&#xff08;循环神经网络&#xff09;&#xff0c;能够学习长期的依赖关系。它通过原始 RNN 的隐藏层只有一个状态&#xff0c;它对于短期的输入非常敏感…

强推宝藏网站

最近还是有很强烈的感受&#xff0c;方法大于努力。最近就整理了一下大学期间比较好用的网站&#xff0c;也陪我度过了一段时间了&#xff0c;排名不分先后&#xff0c;把压箱底的东西拿出来了。 ChatGPT WeTab 新标签页https://www.wetab.link/ChatGPT国内免费使用方法有哪些…

AutoCAD三维建模图——汽车车轮

点击前往下载链接 AutoCAD三维建模图——汽车车轮&#xff0c;超真实&#xff0c;带胎路纹理&#xff0c;轮毂钢圈等等 橡胶轮胎建模&#xff0c;钢圈 胎路纹理 轮毂&#xff0c;螺丝&#xff0c;线条 展示图 展示图

CAD轴测图怎么画,才能不踩坑?

CAD轴测图怎么画&#xff1f;相信从事机械设计、产品设计的小伙伴&#xff0c;对于CAD轴测图并不陌生。CAD轴测图凭借立体感强、直观性好等特点&#xff0c;常作为产品设计制图的辅助图样&#xff0c;用来帮助人们读懂正投影视图&#xff0c;展示产品的整体结构特征。那么如何在…

cad超级排孔_家具cad排孔图 爆破排孔图

求一张板式家具CAD图&#xff0c;设计图&#xff0c;下料&#xff0c;排孔&#xff0c;安装图。 此外... 您可以使用正方形软件绘制家具效果图&#xff0c;可以使用3d max&#xff0c;还可以使用AUTO CAD绘制平面图、剖面图、效果图和三维线图。如果想省事&#xff0c;可以弄个…

【CAD3D】0基础绘制立体模型

一、需求 使用autocad软件绘制一个15.6寸裸屏立体模型。 二、操作 2.1建立文件 打开cad软件&#xff0c;点击左上角空白文件图标新建一个文件&#xff0c;会弹出选择样板窗口。选择acad3D.dwt样板&#xff0c;用于绘制3维模型。仅显示名称&#xff0c;不用理会。点击打开后创…

cad怎么表示出一个孔_AutoCAD如何画一个带孔的立体球

原标题:AutoCAD如何画一个带孔的立体球 第一步,在AutoCAD2007中操作菜单“绘图”→“建模”→“球体”,命令行窗口提示“指定中心点或 [三点(3P)/两点(2P)/相切、相切、半径(T)]:”,在模型空间任意位置点击鼠标;命令行窗口接着提示“指定半径或 [直径(D)]:”,键入“50”…

cad快看_CAD三维这样材质贴图,你学会了吗 ?

▲ 点击“CAD教学”,获取海量学习资料和免费教程 CAD画好三维图后,如果想给它贴图上大理石材质大概看一下效果如何,可以这样操作 ▲画好的三维图 1、点击菜单栏的视图——渲染——材质浏览器。 2、弹出的窗口中点击左下角这个+号按钮。 3、如果需要两种材质以上,可以选择新…

如何应用迅捷CAD编辑器,来绘制一份立体图形。

在CAD设计&#xff0c;为了效果的显著性&#xff0c;经常会用到关于CAD立体图形的绘制&#xff0c;立体图形要知道&#xff0c;是运用三维看图才能显示出来的&#xff0c;现在的CAD绘图软件也都有了关于CAD立体三维图形绘制的功能&#xff0c;那具体是怎么运用的呢&#xff1f;…

cad角度怎么画_初学入门CAD,就这样成精了!

经常有朋友问我怎么学习CAD&#xff0c;或者要求学习CAD&#xff0c;所以我觉得有必要把与学习CAD有关的几个问题阐述一下&#xff0c;以帮助想学者和初学者。还有朋友不知道知识兔吗&#xff1f;知识兔就等于学习&#xff0c;公主号超乎想象&#xff0c;学课程&#xff0c;下载…

Python 用turtle画房子

二层小阁楼 最近作业写的小例子,还可以&#xff0c;不算太丑。 效果如下&#xff1a; 代码如下&#xff1a; import turtle as t import time def go(x,y):t.penup()t.goto(x,y)t.pendown()def rangle(h,w):t.left(180)t.forward(h)t.right(90)t.forward(w)t.left(-90)t.fo…

使用UE4画刷BSP创建房子

UE4系列文章目录 文章目录 UE4系列文章目录前言一、步骤1. 在场景中添加地板2.添加房子盒体3.添加角色机器人到场景中4.给房子加一个门5.把房子挖空6.给房子加一层中间隔板7.给房子加楼梯8.添加窗户9.给房子添加材质9.给房子中添加一些小道具10.把房子变成一个整体 注意添加碰撞…

python turtle画房子详细解释_简述python的turtle绘画命令及解释

一 基础认识 turtle库是python的标准库之一,它是一个直观有趣的图形绘制数据库,turtle(海龟)图形绘制的概念诞生1969年。它的应用十分广,而且使用简单,只要在编写python程序时写上import turtle即可。 1.绘图窗口设置命令 turtle.setup(650,350,200,200):参数从左到右依…

如何用HTML制作一个房子,一分钟,教会你农村自建房该怎么设计!小白学了都能上手画出设计图!...

10*15宅基地怎么设计好?两室一厅农村自建房怎么设计?二层自建房怎么设计? 现在很多人都是自己设计农村自建房的图纸,但福居库发现,多数图纸是不合格的,可以说是随手画的,把自己想要的空间拼凑上去就完事了,很少去考虑到布局是否合理、居住是否舒适、是不是适合居住等问…

python turtle画房子代码里面的窗子,如何用python画房子_用python画一个小房子

如何用python画一个小房子? 效果图如下: 代码如下: import turtle # 前置 p = turtle.Pen() # 作者要说的话 for i in range(6): print(请把画板最大化,否则会影响画面效果!) # 设置笔的速度 p.speed(10) # 开始画画 p.pencolor("#F4A460") p.penup() p.goto((-…