更新记录

0.1.5(2024-09-02)

  • chore: 增加ios权限校验

0.1.4(2024-09-02)

  • fix: 修复因类型问题导致错误

0.1.3(2024-09-02)

  • chore: 增加生成二维码
查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.07,Android:支持,iOS:不确定,HarmonyNext:不确定 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

lime-scan

  • lime-scan 华为统一扫码(ScanKit)插件,只支持单码模式,兼容安卓/ios/鸿蒙(未测)/H5扫码使用zxing实现扫码(二维码、条形码)

安装

导入插件后,引入插件再自定义基座后使用。

基础使用

<view style="padding: 30rpx 0;">扫描结果:{{result}}</view>
<button type="primary" @click="scan">开启扫描</button>
import {scanCode, ScanCodeOption} from '@/uni_modules/lime-scan';

export default {
    data() {
        return {
            type: '',
            result: '',
        }
    },
    methods:{
        scan() {
            scanCode({
                success: (res)=> {
                    this.result = res.result
                    console.log('res', res.scanType)
                }
            } as ScanCodeOption)
        }
    }
}

生成二维码

仅APP端支持(ios、安卓、鸿蒙)

import { createQRCode, CreateQRCodeOptions } from '@/uni_modules/lime-scan';
createQRCode({
    width: 300,
    height:300,
    content: 'limeui.qcoon.cn',
    success(src: string) {
        qrcode.value = src
    }
} as CreateQRCodeOptions)

鸿蒙NEXT使用

代码已实现,但因没有设备测试,故不敢保证能用。

H5端使用

H5端使用了@zxing/library实现,这个库识别率一般般,可以扫二维码,条形码。

  • 1、移动端访问摄像头权限需要 https 协议
  • 2、上传图片解码 带logo的码 识别不了,扫码可以。

由于需要https协议, 本地开发时, vite 可以安装@vitejs/plugin-basic-ssl并配置https协议

pnpm i @vitejs/plugin-basic-ssl -D

vite.config.ts中配置

import basicSsl from '@vitejs/plugin-basic-ssl'
import uni from '@dcloudio/vite-plugin-uni';
import { defineConfig } from 'vite';
export default defineConfig({ 
    server: { 
        https: true 
    }, 
    plugins: [ basicSsl(), uni()] 
})
<!-- manifest.json ```js { "h5" : { "devServer": { "https": true } } } ``` -->

隐私、权限声明

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

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

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

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