2026, 새로운 도약을 시작합니다.

핸드폰을 이용한 바코드 스캔 채택완료

안녕하세요.

안드로이드에서 zxing scanner를 이용하여 바코드를 읽었는데요.

그러니까 구글플레이에서 바코드스캐너 (zxing용)를 설치하고, 아래 코드를 적용하면

Copy




    function getScan(){

        var x = document.forms["getbarcodeForm"]["barcode"].value;

        if (x == null || x == "") {

            var href=window.location.href; 

            var ptr=href.lastIndexOf("?");

            if(ptr>0){ href=href.substr(0,ptr); }

            window.location.href="zxing://scan/?ret="+escape(href+"?barcode={CODE}");

        } else {

            document.getbarcodeForm.submit();

        }

    }



 

    

        

이렇게 하면 바코드를 가져오는데, 문제는 iPhone입니다.

iPhone 용 스캐너가 있는지 제가 찾지를 못하겠네요. 

제가 아이폰을 가지고 있는 것이 아니어서 테스트도 할 수 없고 말입니다.

안드로이드와 아이폰 모두에서 바코드를 읽을 수 있는 방법이 없을까요.

QR 코드는 읽지 못해도 상관없습니다.

감사합니다.

답변 3개

채택된 답변
+20 포인트

저 코드를 IOS에서 테스트 해 드릴수도 없고,,

다른 코드 참조해 보세요.

https://github.com/mebjas/html5-qrcode

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

감사합니다.
이건 별도 스캐너 설치가 필요 없군요.
열심히 삽질해보겠습니다.
알려주신 곳의 데모 코드를 가져다가 테스트 해보았습니다.
아이패드와 안드로이드는 됩니다.
기능은 확인햇고, 이제 꾸미는 일이 남았는데 저에게는 산너머 강입니다.
감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

삽질 Test 코드

Copy








    

    

    

    





  .result{

    background-color: green;

    color:#fff;

    padding:20px;

  }

  .row{

    display:flex;

  }







    





    SCAN RESULT

    Result Here





    function onScanSuccess(decodedText, decodedResult) {

        document.getElementById('result').innerHTML = ''+decodedText+'||'+decodedResult+'';

        console.log(`Code scanned = ${decodedText}`, decodedResult);

    }

    var html5QrcodeScanner = new Html5QrcodeScanner(

        "qr-reader", { fps: 10, qrbox: 250 });

    html5QrcodeScanner.render(onScanSuccess);





로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

테스트 해보니 역시나 아이폰은 ㅎ 카메라 권한 허용때문에 해야할게 많네요...

댓글을 작성하려면 로그인이 필요합니다.

ZBar iPhone SDK

http://zbar.sourceforge.net/iphone/index.html

앨을 만드는 것이 아니라면...URL올려주세요 iphone 6, 7, XS, 11 가지고 있습니다.. 테스트 해드리지요..

테스트해드려볼까 했더니... App store에는  zxing 이 일단 없네요.. ㅎ

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

감사합니다.
위 마젠토님이 소개해주신 html5-qrcode는 스캐너 설치없이 이용하는 것이어서 그것으로 해보려고 합니다. 일단 테스트 코드로 아이패드와 안드로이드에서 돌아가는 것을 확인했습니다만 저에게는 갈길이 멀게 느껴집니다. 입에 떠먹여 주는 테스트 코드도 저에게는 삽질입니다. ㅠㅠ
html5-qrcode이용한 테스트 코드 올려놓았습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고