微信公众号调用扫一扫,使扫一扫支持扫PDF417格式的条码

微信支付宝开发 专栏收录该内容
6 篇文章 0 订阅

JSSDK使用步骤

步骤一:绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注:登录后可在“开发者中心”查看对应的接口权限。
这里注意域名不要带http:// 等前缀。(顺便推荐做微信开发测试时,使用花生壳账号,映射出公网ip。)比如网址:http://test.wicp.net 那么它的域名就是 test.wicp.net。


步骤二:引入JS文件
在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js
请注意,如果你的页面启用了https,务必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js ,否则将无法在iOS9.0以上系统中成功使用JSSDK
如需使用摇一摇周边功能,请引入 jweixin-1.1.0.js
备注:支持使用 AMD/CMD 标准模块加载方法加载
这个就是jsp页面直接引入即可
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>


步骤三:通过config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)。
wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '', // 必填,公众号的唯一标识
    timestamp: , // 必填,生成签名的时间戳
    nonceStr: '', // 必填,生成签名的随机串
    signature: '',// 必填,签名,见附录1
    jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});


步骤四:通过ready接口处理成功验证
wx.ready(function(){

    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});


步骤五:通过error接口处理失败验证
wx.error(function(res){

    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

});


基础接口
判断当前客户端版本是否支持指定JS接口
wx.checkJsApi({
    jsApiList: ['chooseImage'], // 需要检测的JS接口列表,所有JS接口列表见附录2,
    success: function(res) {
        // 以键值对的形式返回,可用的api值true,不可用为false
        // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
    }
});
备注:checkJsApi接口是客户端6.0.2新引入的一个预留接口,第一期开放的接口均可不使用checkJsApi来检测。

微信扫一扫
调起微信扫一扫接口
wx.scanQRCode({
    needResult: 0, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
    scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
    success: function (res) {
    var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
}
});

重点

scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有

由于微信标准文档中给出的就这两种类型,但是这两种类型都无法支持PDF417格式的条形码,这卡住了我很久,在查找了很多资料后终于发现了scanType其他类型,并找到了支持PDF417格式的类型;

"qrCode","barCode","datamatrix","pdf417"

 

仅此供大家,在大家有这方面的需求时,少走弯路!如果对大家有用,请大家多多支持!

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

<p style="font-size:16px;"> 涉及内容: </p> <p style="font-size:16px;"> 注意,学习此视频必须有一定基础的同学 </p> <p style="font-size:16px;"> 区块链相关知识、钱包相关知识、p2p相关知识、uniapp相关知识 </p> <p style="font-size:16px;">     01前言 </p> <p style="font-size:16px;">     02成果展示 </p> <p style="font-size:16px;">     03前言区块链概念和六层模型介绍 </p> <p style="font-size:16px;">     04翻译一个带币的js简单例子原理介绍 </p> <p style="font-size:16px;">     05区块链springboot工程搭建和区块相关实现 </p> <p style="font-size:16px;">     06区块链中加密算法相关介绍以及实现 </p> <p style="font-size:16px;">     07钱包相关实体类介绍 </p> <p style="font-size:16px;">     08redis数据库等配置和工具类的介绍 </p> <p style="font-size:16px;">     09区块链相关实体类介绍 </p> <p style="font-size:16px;">     10挖矿相关实体类和POW相关的介绍 </p> <p style="font-size:16px;">     11 p2p 点对点 server和client代码 </p> <p style="font-size:16px;">     12 p2p 原理的简单介绍 </p> <p style="font-size:16px;">     13 节点钱包相关启动实现 </p> <p style="font-size:16px;">     14 web控制层逻辑基础代码 </p> <p style="font-size:16px;">     15 web功能的整体介绍 </p> <p style="font-size:16px;">     16 web钱包功能-创建钱包账户的完整功能实现 </p> <p style="font-size:16px;">     17 web钱包功能-获取挖矿钱包信息和根据钱包地址获取信息 </p> <p style="font-size:16px;">     18 web钱包功能-获取当前节点所有钱包 </p> <p style="font-size:16px;">     19 全节点钱包轻钱包中心化钱包的概念 </p> <p style="font-size:16px;">     20 p2p三个节点的相关配置并启动 </p> <p style="font-size:16px;">     21 p2p 节点添加相关流程 </p> <p style="font-size:16px;">     22 p2p 节点列表相关实现 </p> <p style="font-size:16px;">     23 区块相关挖矿与挖矿奖励等讲解 </p> <p style="font-size:16px;">     24 区块链相关的查询操作 </p> <p style="font-size:16px;">     25 交易转账相关逻辑 </p> <p style="font-size:16px;">     26 三台机器节点运行 uniapp开发前准备 </p> <p style="font-size:16px;">     27 uniapp首页和我的页面实现 </p> <p style="font-size:16px;">     28 uniapp 节点钱包和节点钱包列表展示 </p> <p style="font-size:16px;">     29 uniapp添加节点,节点列表挖矿区块链查询等 </p> <p style="font-size:16px;">     30 uniapp我的钱包转账查询交易等 </p> <p style="font-size:16px;">     31 课程总结以及代码资料等相关说明 </p> <div> <br /></div>
©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值