본문 바로가기

Dev/Javascript&Jquery

모바일 바코드 스캔

728x90
반응형

업무를 하다 보니 제품에 대한 바코드를 통해서 스캔을 해야 하는 기능이 필요하여 

찾아보게 되었다.

 

이전에 사용했던 방식은 quaggaJS를 사용했었다.

https://serratus.github.io/quaggaJS/

 

QuaggaJS, an advanced barcode-reader written in JavaScript

quaggaJS What is QuaggaJS? QuaggaJS is a barcode-scanner entirely written in JavaScript supporting real- time localization and decoding of various types of barcodes such as EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93 and CODABAR. The

serratus.github.io

 

하지만 이번엔 UDI라는 의료의약품 스캔을 하기 위해선 위의 코드가 동작이 안되어

아래의 라이브러리를 통해서 스캔을 하게 되었다.

https://github.com/zxing-js/library

 

GitHub - zxing-js/library: Multi-format 1D/2D barcode image processing library, usable in JavaScript ecosystem.

Multi-format 1D/2D barcode image processing library, usable in JavaScript ecosystem. - GitHub - zxing-js/library: Multi-format 1D/2D barcode image processing library, usable in JavaScript ecosystem.

github.com


UDI 스캔을 하기 위해선 GS1-128, GS1 Datamatrix 기준으로 되어야 한다.

위의 라이브러리 이용시 바코드 형식과 datamatrix 혁식의 코드 둘다 인식이 가능하다.

 

아래의 주소는 예제 소스가 있는 경로 입니다.

https://github.com/zxing-js/library/tree/master/docs/examples

 

GitHub - zxing-js/library: Multi-format 1D/2D barcode image processing library, usable in JavaScript ecosystem.

Multi-format 1D/2D barcode image processing library, usable in JavaScript ecosystem. - GitHub - zxing-js/library: Multi-format 1D/2D barcode image processing library, usable in JavaScript ecosystem.

github.com

 

QR코드도 있고 바코드도 있고 멀티로 하는 것도 있어서 상황에 맞게 사용하면 되요~

 

리턴 값을 통해서 API 처리를 하는건 다른 문제니 

바코드 스캔이 필요한 경우 사용해보길 추천한다.

728x90
반응형

'Dev > Javascript&Jquery' 카테고리의 다른 글

구글맵- 마커사용하기  (0) 2020.07.31
AJAX 이용시 상위 엘리먼트 접근 방법  (0) 2020.07.16
IP를 통한 위치 좌표 코드 받기  (0) 2020.07.16
Javascript Cookie  (0) 2020.07.09