Сканер штрих-кода для мобильного телефона для веб-сайта в форме

У меня есть сайт поддержки инвентаризации. в настоящее время конечные пользователи вручную вводят идентификатор элемента в систему и используют для поиска и выполнения своей работы. Я хотел бы автоматизировать типизацию для сканирования qr-кодов. Мы пытаемся внедрить пользователей, чтобы использовать их камеру для мобильных телефонов в качестве сканера.

Таким образом, пользователь установил фокус на текстовое поле и использует свой мобильный телефон для сканирования кода, и значение должно быть автоматически помещено в текстовое поле.

Приложения на рынке не передают данные непосредственно в компьютер или веб-форму. Мы пытаемся внедрить веб-сканер с открытым исходным кодом, а не покупать дорогой продукт или приложение. Можете ли вы предложить один или мы должны создать собственное приложение? Если да, с чего начать?

Ответ 1

Есть сканер JS QrCode, который работает на мобильных сайтах с камерой:

https://github.com/LazarSoft/jsqrcode

Я работал с ним для одного из моих проектов, и он работает очень хорошо!

Ответ 2

Вы можете использовать приложение Android Сканер штрих-кода (ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ! Я разработчик). Он может сканировать штрих-код и отправлять его на ПК, а в вашем случае введите его в веб-форме. Подробнее здесь.

Ответ 3

У нас есть приложение в Google Play и App Store, которое сканирует штрих-коды на веб-сайт. Приложение называется "Сканировать в Интернет". http://berrywing.com/scantoweb.html

Вы даже можете вставить ссылку или кнопку, чтобы запустить сканер самостоятельно на своей веб-странице.

<a href="bwstw://startscanner">Link to start scanner</a>

Сайт документации разработчика для приложения охватывает использование этого приложения и использование JavaScript для обработки сканирования штрих-кода. http://berrywing.com/scantoweb/#htmlscanbutton

Ответ 4

Scandit - это стартап, целью которого является замена громоздких, дорогих лазерных сканеров штрих-кодов с дешевыми мобильными телефонами.

Есть SDK для Android, iOS, Windows, C API/Linux, React Native, Cordova/PhoneGap, Xamarin.

Существует также Scandit Barcode Scanner SDK для Интернета, версия WebAssembly SDK. Он работает в современных браузерах, также на телефонах.

Здесь есть клиентская библиотека, которая также предоставляет компонент выбора штрих-кода. Его можно использовать следующим образом:

<div id="barcode-picker" style="max-width: 1280px; max-height: 80%;"></div>

<script src="https://unpkg.com/scandit-sdk"></script>
<script>
    console.log('Loading...');
    ScanditSDK.configure("xxx", {
engineLocation: "https://unpkg.com/scandit-sdk/build/"
    }).then(() => {
      console.log('Loaded');
      ScanditSDK.BarcodePicker.create(document.getElementById('barcode-picker'), {
        playSoundOnScan: true,
        vibrateOnScan: true
      }).then(function(barcodePicker) {
        console.log("Ready");
        barcodePicker.applyScanSettings(new ScanditSDK.ScanSettings({
          enabledSymbologies: ["ean8", "ean13", "upca", "upce", "code128", "code39", "code93", "itf", "qr"],
          codeDuplicateFilter: 1000
        }));
        barcodePicker.onScan(function(barcodes) {
          console.log(barcodes);
        });
      });
    });
</script>

Отказ от ответственности: я работаю для Scandit

Ответ 5

Проверьте это: http://qrdroid.com/web-masters.php

Вы можете создать ссылку в своей веб-форме, например:

http://qrdroid.com/scan?q=http://www.your-site.com/your-form.php?code= {CODE}

Когда кто-то нажимает на эту ссылку, приложение для сканирования кода будет открыто. После того, как пользователь сканирует код, автоматически вызывается http://www.your-site.com/your-form.php?code= {CODE}. Затем вы можете make-form.php прочитать код параметра, чтобы предварительно заполнить поле.

Ответ 6

Я знаю, что на этот момент это несколько лет, но я написал программу, которая должна была что-то подобное:

Эта программа позволяет пользователям делать это:

http://bridgeit.mobi/

Это приложение для телефона, которое предоставляет различные функции, которые будут использоваться с веб-сайта.