https://github.com/quansitech/quansitech-qscmf-rightbutton-qrscanner
qscmf listbuilder 扫码组件
https://github.com/quansitech/quansitech-qscmf-rightbutton-qrscanner
Last synced: about 1 month ago
JSON representation
qscmf listbuilder 扫码组件
- Host: GitHub
- URL: https://github.com/quansitech/quansitech-qscmf-rightbutton-qrscanner
- Owner: quansitech
- License: mit
- Created: 2020-03-24T10:57:52.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-05-12T09:13:31.000Z (about 6 years ago)
- Last Synced: 2025-01-13T10:50:11.737Z (over 1 year ago)
- Language: JavaScript
- Size: 1.05 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
##二维码扫码
#### 介绍
该组件可用于需要生成二维码，并使用扫码触发某些业务的场景。如：绑定用户二维码
#### 安装
```php
composer require quansitech/qscmf-rightbutton-qrscanner
```
#### demo图
扫码组件
设置了二维码5秒后失效，点击可刷新二维码
#### 使用样例
生成列表按钮
```php
$builder->addRightButton('qrscanner', null, '', '', [
'websocket' => 'ws://192.168.31.222:2346',
'url' => U('home/index/scan', '', false, true),
'queryStr' => 'project_id=__id__'
]);
```
websocket服务端的安装配置方法请移步[传送门](https://github.com/quansitech/qrscanner)
该组件封装了react-qrscanner，以下代码为封装好的前端扫码调用实例
```javascript
//第一个参数 websocket地址
//第二个参数 自动生成的二维码token
//第三个参数 扫码回调 status是扫码状态1表示成功，0表示失败 | error 为扫码失败时的错误原因
//第四个参数 需要传递给服务端业务处理的客制化参数
window.Qrscanner.scan('ws://192.168.31.222:2346', '{$token}', function(status, error){
var msg = '';
if(status){
msg = '绑定成功';
}
else{
msg = error;
}
alert(msg);
}, {project_id: {$project_id}});
```