1.下载插件,地址支付宝原生扫码插件 - DCloud 插件市场
按照以下流程进行
2.进行完以上步骤后,在Hbuilder真机调试步骤
(1).自定义调试基座
选择运行到真机或模拟器—>制作自定义调试基座—>Android设置的Android包名
ios设置Bundle ID /AppID
(2).运行—运行到Android App基座
选择使用自定义基座运行
3.封装为组件
组件代码
<template>
</template>
<script>
export default {
methods: {
startScan() {
var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module");
mpaasScanModule.mpaasScan({
'scanType': ['qrCode', 'barCode'],
'hideAlbum': false
}, (ret) => {
if (ret && ret.resp_result) {
var parsedResult = JSON.parse(ret.resp_result);
console.log('parsedResult',parsedResult)
var content = parsedResult.content;
this.$emit('scanResult', content);
}
});
}
}
};
</script>
<style>
</style>
父页面使用
<SkScan ref="scanCodeRef" @scanResult="handleScanResult"></SkScan>
handleScanResult自定义函数,扫码完成后的事件。(我这里是扫码后得到content,使用handleScanResult函数,处理content.
扫码时,使用真机调试,使用其他会报错!!!