更新记录
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
}
}
}
``` -->