利用微信JSSDK调用微信扫一扫功能

1. 确保有调起微信扫一扫接口权限，测试号可能不行；

2. 导入相关JS

<script type="text/javascript" http://test.com/zepto_touch.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

3. 页面触发扫码元素

<img src="../../../images/right.jpg" οnclick="scanCode()" class="img">

4. 相关JS代码

<script type="text/javascript">var _appId = "wxz88dbd30e5580e59";var _data = {appId : _appId,url : location.href,t : Math.random()};var _getWechatSignUrl = 'http://test.com/getWechatSign.do';// 获取微信签名$.ajax({url : _getWechatSignUrl,data : _data,success : function(o) {console.log(o);if (o.returnCode == "00") {wxConfig(o.detail[0].timestamp, o.detail[0].nonceStr, o.detail[0].signature);}}});function wxConfig(_timestamp, _nonceStr, _signature) {//alert('获取数据：'+_timestamp+'\n'+_nonceStr+'\n'+_signature);console.log('获取数据：' + _timestamp + '\n' + _nonceStr + '\n' + _signature);wx.config({debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId : _appId, // 必填，公众号的唯一标识timestamp : _timestamp, // 必填，生成签名的时间戳nonceStr : _nonceStr, // 必填，生成签名的随机串signature : _signature,// 必填，签名，见附录1jsApiList : [ 'onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ', 'onMenuShareWeibo', 'scanQRCode' ]// 必填，需要使用的JS接口列表，所有JS接口列表见附录2});}function scanCode() {wx.scanQRCode({needResult : 1,scanType : [ "qrCode", "barCode" ],success : function(res) {console.log(res)alert(JSON.stringify(res));var result = res.resultStr;},fail : function(res) {console.log(res)alert(JSON.stringify(res));}});}
</script>

5. 获取签名接口getWechatSign.do各值生成方式

timestamp

Long timestamp = System.currentTimeMillis() / 1000;

nonceStr

String nonceStr = RandomStringUtils.randomAlphanumeric(16);

signature

public static String getSign(String jsapi_ticket, String noncestr, Long timestamp, String url)throws NoSuchAlgorithmException {String shaStr = "jsapi_ticket=" + jsapi_ticket + "&noncestr=" + noncestr + "×tamp=" + timestamp + "&url="+ url;MessageDigest mDigest = MessageDigest.getInstance("SHA1");byte[] result = mDigest.digest(shaStr.getBytes());StringBuffer signature = new StringBuffer();for (int i = 0; i < result.length; i++) {signature.append(Integer.toString((result[i] & 0xff) + 0x100, 16).substring(1));}return signature.toString();
}

6. 微信参考文档

获取access_token https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183
获取jsapi_ticket https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

利用微信JSSDK调用微信扫一扫功能相关推荐

html页面调用微信扫一扫功能,微信JSSDK调用微信扫一扫功能的方法
如何利用微信jssdk调用微信扫一扫功能?具体内容如下 1. 确保有调起微信扫一扫接口权限,测试号可能不行: 2. 导入相关js 3. 页面触发扫码元素 4. 相关js代码 var _appid ...
php调用微信扫一扫功能,微信JSSDK调用微信扫一扫功能的方法
如何利用微信JSSDK调用微信扫一扫功能?具体内容如下 1. 确保有调起微信扫一扫接口权限,测试号可能不行: 2. 导入相关JS 3. 页面触发扫码元素 4. 相关JS代码 var _appId ...
微信JS-SDK调用微信接口方法说明
微信公众平台微信JS-SDK说明文档地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 概述微信JS ...
.NET微信网页开发之使用微信JS-SDK调用微信扫一扫功能
前言: 之前有个项目需要调用微信扫描二维码的功能,通过调用微信扫码二维码功能,然后去获取到系统中生成的二维码信息.正好微信JS-SDK提供了调用微信扫一扫的功能接口,下面让我们来看看是如何实现的吧. ...
SpringMVC实现微信链接分享到朋友圈显示图片功能微信JS-SDK调用步骤
SpringMVC实现微信链接分享到朋友圈显示图片功能微信JS-SDK调用步骤一.登录微信平台 login url:https://mp.weixin.qq.com/ name: your name ...
使用微信JSSDK自定义微信分享标题、描述、和图标
最近做一个项目的时候用到微信的分享 ,实现定义分享标题,图片,了解到微信在发布JSSDK后,把包括自定义分享在内的众多网页服务接口进行了统一.如果要想自定义分享自己的网页信息给好友或朋友圈,就最好使用 ...
vue项目中，使用微信js-sdk打开微信内置导航，唤醒第三方导航，
vue项目中,使用微信js-sdk打开微信内置导航,唤醒第三方导航一.准备工作二.开发须知三.开始安装sdk 四.通过微信的config接口注入权限验证配置附上代码最近在搞vue项目需要在手 ...
微信开发 --- 调用微信上传图片接口,并保存到自己的服务器
微信开发 - 调用微信上传图片接口,并保存到自己的服务器整体思路是这样的: 1.先把手机上的图片上传到微信服务器,然后返回一个图片ID 2.在通过后台根据ID从微信后台拿到流,保存到服务器前几个步 ...
企业微信 jssdk调用扫一扫安卓不行 ios又可以
<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script sr ...
php开发微信jssdk录音功能,微信 JS-SDK 录音功能开发
云娜今天分享一下我第一次接触微信开发,微信JS-SDK录音功能开发的经历. 在开发微信JS-SDK录音功之前我是没有接触过微信开发的,第一反应就是去百度.建议第一次接触微信开发的同学去微信JSSDK ...

利用微信JSSDK调用微信扫一扫功能

利用微信JSSDK调用微信扫一扫功能相关推荐

最新文章

热门文章