更新记录

1.0.3(2021-10-15)

  • 实现安卓iOS识别/扫描二维码、条形码
  • 实现安卓iOS生成二维码和条形码

平台兼容性

Android Android CPU类型 iOS
适用版本区间:5.0 - 11.0 armeabi-v7a:支持,arm64-v8a:支持,x86:支持 适用版本区间:9 - 14

原生插件通用使用流程:

  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原生插件配置”->”云端插件“列表中删除该插件重新选择


联系作者

作者qq:724300087,添加请备注来意,否则不会同意添加。

插件使用

本插件是仿微信支付宝的扫码界面,支持二维码、条形码(也支持识别相册图片)和生成二维码、条形码

权限申明

由于要扫码和识别相册图片,所以需要相机权限和相册权限,插件中已经申明,无需再做操作,只需知晓即可

完整示例

<template>
    <view class="content">
        <view class="text-area">
            <text class="title">{{title}}</text>
        </view>
        <button type="default" @tap="scan">扫描</button>
        <button type="default" @tap="generate(1)">生成二维码</button>
        <button type="default" @tap="generate(2)">生成条形码</button>
        <image :src="qrcode" style="width: 600upx; height: 600upx;"></image>
        <image :src="barcode" style="width: 800upx; height: 200upx;"></image>
    </view>
</template>

<script>
    const scanner = uni.requireNativePlugin('HXR-Scanner');
    export default {
        data() {
            return {
                title: 'Hello',
                qrcode:'',
                barcode:''
            }
        },
        onLoad() {
        },
        methods:{
            scan: function(e) {
                //wechat ali
                scanner.startScannerWithStyle('wechat', function(res){
                    console.log(JSON.stringify(res));
                })
            },
            generate:function(type){
                if(type == 1) {
                    scanner.generateQRCode({'icon': plus.io.convertLocalFileSystemURL('/static/logo.png'),
                    'content':'https://www.baidu.com',
                    'height':600}, (res) => {
                        console.log(JSON.stringify(res));
                        uni.showToast({
                            title:res.msg
                        })
                        this.qrcode = res.base64;
                    })
                } else {
                    // 0, 1
                    scanner.generateBarCode({'content':'23328234989356',
                    'height':200, 'width':800, "showText":"1"}, (res) => {
                        console.log(JSON.stringify(res));
                        uni.showToast({
                            title:res.msg
                        })
                        this.barcode = res.base64;
                    })
                }
            }
        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 200rpx;
        width: 200rpx;
        margin-top: 200rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }

    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        color: #8f8f94;
    }
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

<uses-permission android:name="android.permission.CAMERA"/> <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android.permission.VIBRATE"/> <uses-permission android:name="android.permission.FLASHLIGHT"/> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> "NSCameraUsageDescription", "NSPhotoLibraryUsageDescription"

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问