.NET微信网页开发之使用微信JS-SDK调用微信扫一扫功能

前言:

  之前有个项目需要调用微信扫描二维码的功能,通过调用微信扫码二维码功能,然后去获取到系统中生成的二维码信息。正好微信JS-SDK提供了调用微信扫一扫的功能接口,下面让我们来看看是如何实现的吧。

第一步、微信JS-SDK的使用步骤,配置信息的生成获取讲解:

  关于JS-SDK的使用步骤和timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)生成获取的详细说明在这里:https://www.cnblogs.com/Can-daydayup/p/11124092.html

第二步、调用微信扫一扫,获取到二维码中的内容:

 <input id="scanbutton" type="button" onclick="scan()" style="background-color: #07CAF4" value="扫描二维码">


<script type="text/javascript">
//注入权限验证配置
wx.config({
    debug: true, 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '',1)"> 必填,公众号的唯一标识
    timestamp:,1)"> 必填,生成签名的时间戳
    nonceStr: '',1)"> 必填,生成签名的随机串
    signature: '',1)"> 必填,签名
    jsApiList: ['scanQRCode']  必填,调用微信扫一扫接口
});


调用微信扫一扫接口
function scan() {
首先判断是否使用微信内,因为微信JS-SDK只有在微信环境下才有用
var environmental= window.navigator.userAgent.toLowerCase();
 if (environmental.match(/MicroMessenger/i) == 'micromessenger') {
wx.ready(() {
 获取本地跳转地址
wx.scanQRCode({
needResult: 1,1)"> 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
desc: 'scanQRCode desc',1)"> 可以指定扫二维码还是一维码,默认二者都有
success: (res) {
alert(JSON.stringify(res));
 $("#Code").val(res.resultStr);
}
});
});
}
else 
{
 alert("请在微信中登录!");
}
}
</script>

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


网页授权获取用户信息的方法
报错config:invalid signature的解决方案
微信开发百思不得姐实战教程
详解微信开发input输入框
教你libco是如何支撑巨大数据信息量的
微信二次开发之文本消息请求与发送
微信开发H5轻游戏
scroll-view完成列表页的方法详解
Java微信开发之自定义菜单的创建
微信开发之input控件的实例详解
微信开发Emoji表情的实例教程
微信开发中详解textarea的使用方法
微信开发中使元素占满全屏的方法介绍
微信开发之数据访问的方法详解
微信二次开发之各类型消息封装
微信开发之数据库操作
如何获取微信好友的地理位置信息
分享3款微信开发开源框架
微信开发之获取服务器IP
微信开发之公交换乘功能代码详解