1. 背景

uniapp 中自带的二维码扫描的 API 是 uni.scanCode，但有如下问题：

二维码扫描的效率不高，有些需要扫2秒左右
较小或模糊的一些二维码无法识别出来，多次扫同样的一个码可能出现扫码失败的情况
受环境影响大，比如光线暗时识别率低
若二维码中间放置了自定义 logo，有一定概率无法识别到该二维码

uniapp 官方文档也提到：

App的扫码引擎，使用业内开源的通用扫码库，扫码效率比不过微信、支付宝等商业扫码库。

故推荐使用支付宝扫码插件：https://ext.dcloud.net.cn/plugin?id=2636

2. 前期准备

2.1 开通阿里云 mPaaS

登录阿里云控制台，在 mPaaS产品页中，进入 [开通产品] 页面，点击 [立即开通]，按提示步骤进行操作

2.2 创建 mPaaS 应用

开通后，在 mPaaS 产品页创建一个 mPaaS 应用（创建步骤）

2.3 配置 config 并下载（以安卓为例）

3. 插件使用步骤

1、进入插件页面，点击购买插件，选择插件绑定的项目

2、在 HBuilderX 里找到项目，在 manifest 的 [app原生插件配置] 中，点击 [选择云端插件]，选择插件并确认

3、填写 AppID、WorkspaceID、License，这三个值都可在第二大点 [前期准备] 的 2.3 中下载后得到的 .config 配置文件中查到，用记事本打开该文件进行查看即可

4、在代码中引用插件，调用插件功能

var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")mpaasScanModule.mpaasScan({// 扫码识别类型，参数可多选，qrCode、barCode，不设置，默认识别所有'scanType':  ['qrCode','barCode'],// 是否隐藏相册，默认false不隐藏'hideAlbum': false},(ret) => {uni.showModal({title: "弹窗标题",// 返回值中，resp_code 表示返回结果值，10：用户取消，11：其他错误，1000：成功// 返回值中，resp_message 表示返回结果信息// 返回值中，resp_result 表示扫码结果（字符串类型），只有成功才会有返回content: JSON.stringify(ret),showCancel: false,confirmText: "确定"})
})

5、插件只会在 自定义基座 或 正式打包 后生效

【uniapp】使用扫码插件，解决uni.scanCode扫码效率低的问题相关推荐

【支小蜜智慧食堂】随时查账单，解决学校食堂点餐效率低问题
随时查账单原来学生在学校食堂的消费只是在餐厅本地计算机上存储,需要由食堂管理人员上传后,家长才能看到学生在学校的就餐情况,总是不能满足家长的需求;改造后的支小蜜智慧食堂,学生消费明细实时推送到家长的 ...
【uniapp】H5扫码方案，解决uni.scanCode不支持H5的问题
1. 背景 uniapp 中自带的 uni.scanCode 只能应用于非H5,在H5上是没有提供该类扫码功能. 在参考了前辈的文章后(在此特别感谢 uniapp H5扫码实现提供的方案和 ...
二维码插件qrcode生成二维码信息
文章目录二维码插件qrcode: JS逻辑实现: html展示与下载调用部分: 图片信息展示如下: 二维码插件qrcode: JS逻辑实现: <!-- 二维码插件,qrcode.min.js下 ...
php返回500状态码,如何解决ThinkPHP5 HTTP状态码500
在一次 ThinkPHP5 项目部署的时候,环境为Linux服务器.前端Vue项目通过Axios访问接口,一直走catch的逻辑.直接在浏览器请求接口能返回正常数据,但是通过Chrome浏览器查看请 ...
jQuery二维码插件生成网页二维码
在移动端越来越流行的今天,在PC上做好之后经常会放置一个二维码引导用户到移动端上体验移动版的版本. 如果是一个固定的二维码,我们只需要在网上找个地方生成图片,然后放上图片就可以了.但如果是地址不固定需 ...
html 文件状态码,如何解决网站304状态码问题
如何解决网站304状态码问题 304状态码的定义是:如果客户端发送了一个带条件的GET 请求且该请求已被允许,而文档的内容(自上次访问以来或者根据请求的条件)并没有改变,则服务器应当返回这个304状态 ...
UNI-APP，uni.scanCode扫码页面显示英文，uni.showActionSheet自带取消按钮显示英文问题的解决
效果如下: 解决 const i18n = new VueI18n({locale: 'zh-Hans',messages: {'zh-Hans': require('./static/lang/cn ...
刀锋铁骑服务器维护,刀锋铁骑SEX提示码能解决吗_SEX提示码解决方案_3DM网游
SEX提示码是腾讯网游刀锋铁骑比较常见的错误码之一,主要由于文件异常.损坏等原因引起.很多非常好奇SEX提示码解决方法,那么SEX提示码应该怎么处理呢?小编下面就将带来刀锋铁骑SEX提示码解决方案,希 ...
回溯法解决01背包-非递归算法-效率低
http://acm.zua.edu.cn/problem.php?cid=1025&pid=24 解题思路: 物体的个数为Num,背包的体积限制为Volum 物品的体积是v[1].v[2]. ...

【uniapp】使用扫码插件，解决uni.scanCode扫码效率低的问题