乐趣区

关于支付宝:粉丝福利-秒-get-支付宝同款扫码组件

jiezi

About Scan

随着支付宝的线下场景不断扩大，收钱码、口碑、共享单车、充电宝、停车缴费等产品让咱们的生存越来越便当。

二维码因为成本低、兼容性好成为了线上线上最次要的连贯工具，也因而面临更多新的挑战。

因为二维码是一种点阵式信息编码方式，任何视觉上的缺损、蜿蜒以及光线作用都会极大的影响辨认成功率，如果辨认艰难也就意味着用户可能抉择放弃，影响领取体验也影响用户心智。

源自支付宝的扫码组件，全网收费凋谢！欢送下载接入~

下载地址

关注「mPaaS」CSDN 账号即可收费下载

https://download.csdn.net/download/m0_47737908/15684443

插件介绍

本插件是支付宝 mPaaS 的扫码组件，让您的 app 能够领有像支付宝一样的扫码体验，辨认速度、识别率远超开源扫码。扫码组件完全免费提供应用，接入时须要您在阿里云上进行注册开明并将 mPaaS 扫码增加到您的工程即可。

接入过程中，您遇到任何问题，都能够在钉钉上搜寻 「32843812」 进群进行解答。

欢送大家应用不同带有扫码性能的 App，对以下三种二位码进行扫码辨认，体验 mPaaS 扫码弱小的辨认能力和辨认速度

  • 弱光二维码

  • 反光二维码

  • 含糊二维码

插件应用筹备

1. 购买插件，抉择该插件绑定的我的项目。

2. 在 HBuilderX 里找到我的项目，在 manifest 的 app 原生插件配置中勾选模块，如须要填写参数则参考本文增加。

3. 依据本文的提供的文档开发代码，在代码中援用插件，调用插件性能。

4. 打包自定义基座，抉择插件，失去自定义基座，而后运行时抉择自定义基座，进行 log 输入测试。

5. 开发结束后正式云打包

付费原生插件目前不反对离线打包。

Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android

iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：应用 HBuilderX2.7.14 以下版本，如果同一插件且同一 appid 下购买并绑定了多个包名，提交云打包界面提醒包名绑定不统一时，须要在 HBuilderX 我的项目中 manifest.json->“App 原生插件配置”->”云端插件“列表中删除该插件从新抉择

插件应用流程

1. 开明阿里云 mPaaS

登陆阿里云账号拜访 mPaaS 产品页，点击「立刻开明」，即可开沟通 mPaaS 产品。

2. 创立 mPaaS 利用

开明后您须要创立一个 mPaaS 利用

3. 配置 Config 并下载

3.1 Android

3.1.1 填写配置信息，并上传签名 APK。

点击 代码治理 > 代码配置 > Android，输出 Package Name（利用包名）（此处以 com.mpaas.demo 为例），上传编译并增加签名后的 APK 安装包。对于疾速生成签名后的 APK 相干信息，请参见 生成控制台用签名 APK。

阐明：此处须要上传签名后的 APK，mPaaS 会依据签名信息进行鉴权。

3.1.2 点击 下载配置，即可获取 mPaaS 的配置文件。

3.2 iOS

3.2.1 获取 mPaaS 的配置文件

点击 代码治理 > 代码配置 > iOS，输出 bundle ID，并点击下载配置，获取 .config 配置文件

4. 导入 config 信息

应用 UniApp mPaaS 扫码插件的时候，须要您将 config 信息导入到 uni-app 工程里

4.1 Android

将 4.1.2 中下载好的 Android 的 config 信息，填入您的原生插件配置中，如图所示

4.2 iOS

将 4.2.1 中下载的 config 文件，重命名为 meta.config，而后将这个文件放入到您我的项目中，例如：/XX project/nativeplugins/Mpaas-Scan/ios/meta.config

5. 应用 uniapp 调用 mPaaS 扫码

通过上述 6 步，您已将 mPaaS 扫码组件增加到您的工程内了。您能够在 uniapp 端调起 mPaaS 扫码了，示例如下

var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")
 
mpaasScanModule.mpaasScan({
                        // 扫码 UI 格调，参数可为 qr、bar，默认为 qr
                        'type': 'qr',
                        // 扫码辨认类型，参数可多选，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: "确定"
                        })
                    })

延长浏览：《史上最全的支付宝二维码扫码优化技术计划》

退出移动版