Skip to main content
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

지금 글쓰는 게시판의 글쓰기 에디터가 말썽이네요~ 줄바꿈 했던게 모두 없어져 버리다니 -0-; 아무튼... 갈길이 바뻐서...


폰갭(Phonegap) 3.0 기본적인 예제를 끝내고 나니...

이제 확장을 하고 싶어 졌습니다.


그래서 각종 외부 플러그인을 적용하는 법을 알고자 합니다.


우선, 그 첫번째로 폽갭으로 QR코드 인식기를 만들고자 합니다.

현재 BarcodeScanner라고 불리우는 외부 플러그인이 있습니다.

이걸 적용해 보기로 했습니다. (다른건 못찾아서... --)


https://github.com/wildabeast/BarcodeScanner 들어가보니... 

첫 문구가 이거네요^^ Cross-platform BarcodeScanner for Cordova / PhoneGap.


그 다음 내용은...

----------------

Follows the Cordova Plugin spec, so that it works with Plugman.

This plugin leverages Cordova/PhoneGap's require/define functionality used for plugins.


Note: the Android source for this project includes an Android Library Project. plugman currently doesn't support Library Project refs, so its been prebuilt as a jar library. Any updates to the Library Project should be committed with an updated jar.

----------------

Plugman 이라는 용어가 보이고... 안드로이드 라이브러리 프로젝트를 지원하지 않는다고 하네요... 아무튼...


cmd 창에서 plugman 인스톨...

c:\npm install -g plugman

"C:\Users\사용자명\AppData\Roaming\npm\node_modules\" 폴더에 설치됨~


설치는 했지만... 아직 활용법을 몰라서... 우선 남겨두고...


phonegap 명령으로 바코드스캔 git 설치~
(cordova plugin add https://github.com/wildabeast/BarcodeScanner.git 명령어도 같은 작용을 하는듯...)

----------------

Windows PowerShell

Copyright (C) 2009 Microsoft Corporation. All rights reserved.


D:\임시보관\GitHub> cd c:\hello

C:\hello> phonegap local plugin add https://github.com/wildabeast/BarcodeScanner.git

[phonegap] adding the plugin: https://github.com/wildabeast/BarcodeScanner.git

[phonegap] successfully added the plugin

C:\hello>

----------------


설치하면 plugins 디렉토리에 com.phonegap.plugins.barcodescanner 폴더가 생성됨~


그다음... plugman 명령어를 활용하는데...

아래 명령어 실행전에... plugins\android.json 삭제.(불안하시면 다른곳에 옮기세요~)

plugman --plugins_dir plugins --plugin com.phonegap.plugins.barcodescanner --platform android --project platforms\android

좀전에 삭제된 파일과 assets/www 폴더에 barcodescanner.js 파일이 생성되어 있음.


아래 실행예제를 <script type="text/javascript" charset="utf-8"> </script> 태그에 넣어 줍니다~

var scanner = cordova.require("cordova/plugin/BarcodeScanner");

   scanner.scan(
      function (result) {
          alert("We got a barcode\n" +
                "Result: " + result.text + "\n" +
                "Format: " + result.format + "\n" +
                "Cancelled: " + result.cancelled);
      }, 
      function (error) {
          alert("Scanning failed: " + error);
      }
   );


에뮬을 실행하면... 당연히 function 에 scanner.scan() 들어가 있지 않으므로~ 바로 실행됩니다.



하지만... 에뮬에서는 사진을 찍을수 없으니.. ㅎㅎ (제폰에서는 잘 되네요~ 근데... 작은 QRCODE는 잘 인식이 안되네요 ㅠ.ㅠ)

  • ?
    김장수 2016.06.02 05:53
    안녕하세요. 3일전부터 삽질을 계속하고 있는 초보입니다. ㅎㅎ
    지금 포스팅에 나온대로. "설치하면 plugins 디렉토리에 com.phonegap.plugins.barcodescanner 폴더가 생성됨~" 까지는 진행되었습니다.
    그러나 이제 run을 시켜보면 src폴더에 BarcodeScanner.java에서 에러가 나는데 이건 어떻게 해결하면 좋을까요??
  • ?
    김장수 2016.06.02 20:18
    저는 phonegap은 설치하지 않고 cordova만 설치했습니다.
    그다음... plugman 명령어를 활용하는데...

    아래 명령어 실행전에... plugins\android.json 삭제.(불안하시면 다른곳에 옮기세요~)


    plugman --plugins_dir plugins --plugin com.phonegap.plugins.barcodescanner --platform android --project platforms\android

    여기서 부터 저는다릅니다. 위에처럼 프로젝트/plugins/phonegap-plugin-barcodescanner 디렉토리는 생겼는데 plugins\android.json파일을 찾을수가 없습니다.

    그리고 plugman도 저 명령어는 안먹어서
    plugman install --platform android --plugin com.phonegap.plugins.barcodescanner --project platforms/android라고 명령어를 쳤습니다.

    결과는 fail이구요.

  1. No Image 29Aug
    by
    Views 28267 

    폰갭(Phonegap) 3.0 외부플러그인 적용하기 - 푸쉬(push notification)

  2. 27Aug
    by geusgod
    Views 9137  Replies 2

    폰갭(Phonegap) 3.0 외부플러그인 적용하기 - QR코드 인식기(BarcodeScanner)

  3. No Image 27Aug
    by
    Views 4165  Replies 3

    폰갭(Phonegap) 3.0 내부플러그인(API) 적용하기 - Notification

  4. No Image 27Aug
    by
    Views 9343 

    폰갭(Phonegap) 3.0 Splash(로딩) 화면 띄우기

  5. No Image 27Aug
    by
    Views 4991 

    폰갭(Phonegap) 3.0 jQuery Mobile 적용하기

  6. No Image 06Sep
    by
    Views 11428 

    폰갭(Phonegap) 3.0 jQuery Mobile - 각종 팁 모음

  7. No Image 03Sep
    by
    Views 6811 

    폰갭(Phonegap) 3.0 jQuery Mobile - ajax 처리 또는 동적컨텐츠 로드시 style 적용이 안되는 부분 해결책

  8. No Image 20Aug
    by
    Views 4491 

    폰갭(Phonegap) 3.0 Hello World 띄우기 - The Command-line Interface 설치

  9. No Image 20Aug
    by
    Views 3575 

    폰갭(Phonegap) 3.0 Hello World 띄우기 - Android Platform Guide

Board Pagination Prev 1 Next
/ 1