H5 コード スキャン ソリューション - https のみ

h5-scan (githubより転載)

モバイル端末はカメラを呼び出し、QR コードをスキャンして (反応およびネイティブ JS をサポート) jsQR をカプセル化し、カメラを呼び出してスキャンして QR コードを取得します。

テストアドレス: https://zyzcss.github.io/scan/scan.html

2 つのバージョンが含まれています: React 環境、ネイティブ JS 環境

ソースコードのダウンロードアドレス: https://github.com/zyzcss/h5-scan

必要な環境:https、プロテスト可能

互換性

https://caniuse.com/#search=getUserMedia

使用説明書

  1. git クローン https://github.com/zyzcss/h5-scan.git
  2. cd h5-スキャン
  3. yarn &  yarn start | npm install & npm run start
  4. PC と携帯電話が同じ LAN 内にあることを確認し、ipconfig を使用して ipv4 が指す IP を表示します。 例: 192.168.0.1 モバイル ブラウザに反応環境を入力します: https://192.168.0.1:3000/ネイティブ js環境:https://192.168.0.1:3000/test.html

JS

使用説明書

基本的なスキャン機能は、あまりパッケージ化することなく実現されています。public/test.html

おすすめ

転載: blog.csdn.net/qq_26408545/article/details/119827709