uniapp扫码调用支付宝扫码

最新推荐文章于 2024-07-25 09:32:51 发布

qq_726753757

最新推荐文章于 2024-07-25 09:32:51 发布

阅读量1.9k

点赞数 1

分类专栏： uniapp 文章标签：前端

本文链接：https://blog.csdn.net/qq_39894545/article/details/120313450

版权

uniapp 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文档详细介绍了如何在uniapp中集成支付宝原生扫码插件，包括开通阿里云mPaaS服务，创建mPaaS应用，下载并配置config文件，以及在uniapp中调用扫码模块的步骤。遇到的主要问题在于配置config信息，需要确保包名、APK和下载的配置文件值匹配。最后给出了uniapp调用mPaaS扫码的示例代码。

摘要由CSDN通过智能技术生成

uniapp自带扫码

uni.scanCode({
success: function(res) {
console.log(res.result)
}
});

开始在APP端使用的是这个扫码方法，由于可识别度并不高，后来使用了支付宝原生扫码插件

对照着文档一步步来

1. 开通阿里云 mPaaS

登录阿里云控制台，在 mPaaS 产品页

点击管理控制台，进入开通产品页面。点击立即开通，即可开沟通 mPaaS 产品。

2. 创建 mPaaS 应用

开通后您需要创建一个 mPaaS 应用

3. 配置 Config 并下载

由于前面两步没啥问题，第三部容易出问题(本菜在这卡了，也是马虎)。

下载配置之前一定要选择你开始新建的那个mPaaS 应用，然后配置再配置

1、填写包名

2、上传打包的APK

3、下载

4. 导入 config 信息

安卓：

点击 manifest.json → app原生插件配置 → 云端插件 → 支付宝原生扫码插件

里面的三个值填入下载的配置文件的三个值，具体填入什么可以在manifest.json源码中查看

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: "确定"
                        })
                    })