admin 管理员组文章数量: 1086019
前端怎么从H5调起微信扫描二维码?小程序使用扫码功能.
小程序如何使用扫码的功能呢？
wx.scanCode(Object object)
参数
| 属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| onlyFromCamera | boolean | false | 否 | 是否只能从相机扫码，不允许从相册选择图片 | 1.2.0 | |||||||||||
| scanType | Array.<string> | ['barCode', 'qrCode'] | 否 | 扫码类型 | 1.7.0 | |||||||||||
| ||||||||||||||||
| success | function | 否 | 接口调用成功的回调函数 | |||||||||||||
| fail | function | 否 | 接口调用失败的回调函数 | |||||||||||||
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） | |||||||||||||
返回值
| 属性 | 类型 | 说明 | |||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| result | string | 所扫码的内容 | |||||||||||||||||||||||||||||||||||||||||
| scanType | string | 所扫码的类型 | |||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||
| charSet | string | 所扫码的字符集 | |||||||||||||||||||||||||||||||||||||||||
| path | string | 当所扫的码为当前小程序二维码时，会返回此字段，内容为二维码携带的 path | |||||||||||||||||||||||||||||||||||||||||
| rawData | string | 原始数据，base64编码 | |||||||||||||||||||||||||||||||||||||||||
如何使用呢？
我这里使用的是Taro，所以是Taro点出来的正常用wx点就可以了
这里就是我需要的快递单号
怎么从H5调起微信扫描二维码?
1.引入jweixin-1.6.0JS-SDK
JS-SDK是什么东西？干嘛用的
简单说一下 JS-SDK 的作用吧，微信 JS-SDK 是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包，可以通过 JS-SDK 使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，要使用 JS-SDK 的第一步就是配置 wx.config 接口，不对第一步是引用 jweixin-1.6.0.js 文件，如果上述文件不可使用就下载这个 jweixin-1.6.0.js
import wx from 'jweixin-1.6.0'
2. 配置wx.config
wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来appId: '', // 必填，公众号的唯一标识timestamp: , // 必填，生成签名的时间戳(new Date().getTime() // 时间戳)nonceStr: '', // 必填，生成签名的随机串signature: '',// 必填，签名jsApiList: [] // 必填，需要使用的JS接口列表
});
jsApiList这个意思就是，我一打开微信小程序，需要用到那些接口，我可以直接调用的接口，如果不写的话，就调用不到了。
2. 使用ready钩子函数
ready:简单的理解一下就是打开微信小程序的时候，立刻执行ready里的方法
wx.ready(()=>{
// 方法体
})
3. 调用微信扫一扫scanQRCode
wx.scanQRCode({needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有success: function (res) {var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果}
});
要在ready钩子函数中调用scanQRCode
wx.ready(function (e) {// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。wx.scanQRCode({needResult: 1,scanType: ['barCode'], // 我这里只需要识别条码success: res => {let couponCode = res.resultStr.split(',')[1]if (Callback) {Callback(couponCode)}}})})
还有什么问题可以评论私信我哦~~
本文标签： 前端怎么从H5调起微信扫描二维码小程序使用扫码功能
版权声明：本文标题：前端怎么从H5调起微信扫描二维码?小程序使用扫码功能. 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1686732362a30560.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论