{"id":20144202,"url":"https://github.com/quansitech/quansitech-qscmf-rightbutton-qrscanner","last_synced_at":"2026-05-09T21:35:00.833Z","repository":{"id":57046491,"uuid":"249684148","full_name":"quansitech/quansitech-qscmf-rightbutton-qrscanner","owner":"quansitech","description":"qscmf listbuilder 扫码组件","archived":false,"fork":false,"pushed_at":"2020-05-12T09:13:31.000Z","size":1097,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-13T10:50:11.737Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/quansitech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-03-24T10:57:52.000Z","updated_at":"2020-05-12T09:12:17.000Z","dependencies_parsed_at":"2022-08-24T03:40:36.267Z","dependency_job_id":null,"html_url":"https://github.com/quansitech/quansitech-qscmf-rightbutton-qrscanner","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fquansitech-qscmf-rightbutton-qrscanner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fquansitech-qscmf-rightbutton-qrscanner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fquansitech-qscmf-rightbutton-qrscanner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fquansitech-qscmf-rightbutton-qrscanner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/quansitech","download_url":"https://codeload.github.com/quansitech/quansitech-qscmf-rightbutton-qrscanner/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241587914,"owners_count":19986627,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T22:09:15.359Z","updated_at":"2026-05-09T21:35:00.804Z","avatar_url":"https://github.com/quansitech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"##二维码扫码\n\n#### 介绍\n该组件可用于需要生成二维码，并使用扫码触发某些业务的场景。如：绑定用户二维码\n\n#### 安装\n```php\ncomposer require quansitech/qscmf-rightbutton-qrscanner\n```\n\n#### demo图\n扫码组件\n\u003cimg src=\"https://user-images.githubusercontent.com/1665649/77417738-c3aa6180-6e00-11ea-8ff9-325c4be69b52.gif\" /\u003e\n\n设置了二维码5秒后失效，点击可刷新二维码\n\u003cimg src=\"https://user-images.githubusercontent.com/1665649/77417866-02401c00-6e01-11ea-99cf-f55a0345075f.gif\" /\u003e\n\n#### 使用样例\n生成列表按钮\n```php\n$builder-\u003eaddRightButton('qrscanner', null, '', '', [\n                        'websocket' =\u003e 'ws://192.168.31.222:2346',\n                        'url' =\u003e U('home/index/scan', '', false, true),\n                        'queryStr' =\u003e 'project_id=__id__'\n                    ]);\n```\n\nwebsocket服务端的安装配置方法请移步[传送门](https://github.com/quansitech/qrscanner)\n\n该组件封装了react-qrscanner，以下代码为封装好的前端扫码调用实例\n```javascript\n\u003cscript type=\"text/javascript\" src=\"__PUBLIC__/qrscanner/qrscanner-bundle.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n    //第一个参数 websocket地址\n    //第二个参数 自动生成的二维码token\n    //第三个参数 扫码回调 status是扫码状态1表示成功，0表示失败  | error 为扫码失败时的错误原因\n    //第四个参数 需要传递给服务端业务处理的客制化参数\n    window.Qrscanner.scan('ws://192.168.31.222:2346', '{$token}', function(status, error){\n        var msg = '';\n        if(status){\n            msg = '绑定成功';\n        }\n        else{\n            msg = error;\n        }\n        alert(msg);\n    }, {project_id: {$project_id}});\n\u003c/script\u003e\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquansitech%2Fquansitech-qscmf-rightbutton-qrscanner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquansitech%2Fquansitech-qscmf-rightbutton-qrscanner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquansitech%2Fquansitech-qscmf-rightbutton-qrscanner/lists"}