Phonegap Cordova 설치 Windows


120

phonegap / cordova에 대한 문서는 절대적으로 끔찍합니다. 내가하려는 것은 내 Windows 환경에 PhoneGap 3.0을 설치하는 것이지만 성공하지 못했습니다.

아래는 내 단계와 실패 지점입니다. 누구든지 솔루션에 대해 조언 할 수 있습니까?

지침 에 따르면 :

  1. Node.js 설치 (성공)
  2. nodes.js에서 : install -g cordova( 성공 )
  3. 플랫폼 추가 : cordova platform add wp8(아무 일도 일어나지 않음)
  4. phonegap으로 시도하십시오 : phonegap install wp8(ERROR 프로젝트 디렉토리를 찾을 수 없음)

" Windows Phone 8 플랫폼 가이드 "에서

  1. Windows SDK 설치 (성공)
  2. "[PhoneGap의 최신 사본을 다운로드하고 압축을 풉니 다. lib \ windows-phone-8 \ wp8 하위 폴더에서 작업하게됩니다. lib \ windows-phone-8 \ wp7에는 Cordova의 Windwos Phone 7 버전이 포함되어 있습니다."

어?!?! 디렉토리는 어디에 있습니까?!?! 그래서 AppData \ Local에 묻혀있는 문서화되지 않은 phonegap 디렉토리를 찾았습니다 ... 그리고 libs 디렉토리가 있지만 확실히 WP8 하위 폴더는 없습니다. 어디에서 설치할까요? 아마도 위의 플랫폼 추가 명령이지만 추가하면 새 명령 프롬프트로 돌아갑니다.

phonegap 명령을 사용하여 시도했습니다. phonegap plaform add wp8

오류- 'platform add wp8'은 노드가 아닙니다.

나는 오픈 소스를 얻었지만 이것은 잔인한 스파게티 참조 문서입니다. 누군가 WP8 용 3.0을 성공적으로 설치할 수 있었다면 어떤 포인터라도 도움이 될 것입니다.


cordova create hello com.example.hello HelloWorld코드를 넣을 디렉터리에 앱을 cordova platform add wp8만든 다음 방금 만든 프로젝트 디렉터리에서 실행 해야한다고 언급되어 있습니다 .
dfockler 2013-08-03

5
더 이상 동의 할 수 없었고, 주말에도 6 시간을 지내고 있었는데, 예전에 사용 해봤는데 설정이 힘들지 않았는데 '새로운 개선' cli 방법은 제공된 지침으로 작동하지 않습니다. 첫 번째 부분에서는 phonegap 명령을 설치하고 사용하도록 지시 한 다음 android 섹션으로 이동하면 cordova 명령 사용으로 전환됩니다. 얼마나 실망스러운 엉망인지, sdk가 내 컴퓨터에 설치되어 있어도 안드로이드 플랫폼을 인식하는 방법을 찾지 못했습니다.
Jay13 2013 년

7
글의 질은 문서가 테스트를 거치지 않았고 틀렸다는 사실만큼 나를 괴롭히지 않습니다.
Erik Reppen 2013 년

3
문서가 장소에서 모순되는 것처럼 보입니다. 한 페이지에서는 한 가지 방법으로 수행하도록하고 다른 페이지에서는 완전히 다른 접근 방식을 설명합니다! 내 Android 개발자 도구의 Phonegap 확장 부분을 버튼 (Eclipse에서)으로 사용하면 좋은 결과를 얻었습니다. 이제 ADT를 업그레이드 한 후 사라졌습니다. 나는 phonegap 플랫폼 add android를 실행했고 wp8에서 위와 같이 아무 일도 일어나지 않았습니다. 왜 그냥 zip으로 다운로드 할 수 없습니까? 아니면 git clone을 사용합니까?
Bruce Whealton 2013 년

phonegap을 설치하는 방법에 대한 단계별 지침을 제공하는 기사를 작성했습니다. Android 기기에 맞춰져 있지만 유일한 차이점은 Windows / Android SDK 부분입니다. kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

답변:


131

몇 시간의 좌절 끝에 ... 여기 내가 발견 한 것이 있습니다.

  1. 설치 문서 와 모든 명령 줄, node.js 항목을 무시하십시오 (진지하게 시간을 낭비하게됩니다.
  2. github로 이동하여 PhoneGap 마스터 .zip을 다운로드하십시오.
  3. 그 zip에는 윈도우 폰 등 플랫폼 용 프로젝트 파일이 있습니다. 해당 템플릿 만 사용하십시오.

그렇게 쉬운 프로세스가 어떻게 더 나쁜 문서를 가질 수 있는지 모르겠습니다. 변호사가 쓴 것처럼.


7
문서를 사용하면 www모든 플랫폼에 대해 하나의 "전역" 폴더를 가질 수 있습니다 .
Justin D.

3
이것에 감사하고, 저를 많이 악화 시켰습니다. 또한 이것은 Android 용 Phonegap을 설정하는 모든 사람에게 훌륭한 리소스입니다. link
Oliver Holmberg

진심이야? 이거 진짜인가요? 나는 정말 화를 내야할지 아주 행복해야할지 모르겠다. 명령 줄 없이도 플러그인을 추가 할 수 있습니까? 그리고 이것은 매우 다른 Phonegap 3.0에서도 여전히 유효합니까?
Wytze 2013-09-13

Frigon 귀하의 설명은 훌륭하지만 템플릿 폴더에 복사 할 항목 인 zip 파일을 생성하려면 createTemplates.bat를 실행해야합니다.
Hexodus

Hexodus,이 단계가 어디에도 문서화되어 있지 않거나 적어도 전혀 명확하지 않은 것 같습니다. 상상할 수 있듯이 한 페이지에서 cordova 명령을 실행 한 다음 phonegap을 사용하는 다른 페이지로 이동하는 것은 매우 혼란 스럽습니다. 올리버, 당신의 링크는 훌륭하고 페이지는 매우 명확합니다. 그러나 나는 링크를 거의 간과했습니다. 저는 "훌륭한 자원이 무엇입니까?"라고 생각하기 시작했습니다. 그런 다음 링크를 우연히 발견하고 훌륭한 리소스를 찾았습니다. 정중하게도 훌륭한 리소스부터 링크까지 모든 것이 링크 IMHO가 될 것을 제안합니다.
Bruce Whealton 2013 년

54

나는 같은 문제에 직면 했고 Stack Overflow에보고 된 문서 와 다른 문제 들을 읽고 통과하기 위해 한 시간 동안 고생 했지만 그것에 대한 답을 찾지 못했습니다. 따라서 다음은 Windows Machine에서 phonegap / cordova를 성공적으로 실행하기위한 가이드입니다.

다음과 같이하세요

  1. http://nodejs.org/ 에서 node.js를 다운로드하고 설치합니다.
  2. 명령을 실행하거나 npm install -g phonegap(phonegap 설치의 경우) 명령을 실행하십시오 npm install -g cordova(Cordova 설치의 경우).
  3. 설치가 완료되면 다음을 알 수 있습니다.

    C : \ Users \ binaryuser \ AppData \ Roaming \ npm \ cordova-> C : \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova \ bin \ cordova
    cordova@3.0.9 C : \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova
    ├── ncallbacks@1.0.0
    ├── open@0.0.3
    ├── colors@0.6.2
    ├── semver@1.1.0
    ├── shelljs@0.1.2
    ├── follow-redirects@0.0.3 (underscore@1.5.2)
    ├── elementtree@0.1.3 (sax@0.3.5)
    ├── optimist@0.6.0 (wordwrap@0.0.2, minimist@0.0.2)
    ├── xcode@0.5.1 (node-uuid@1.3.3, pegjs@0.6.2)
    ├── glob@3.2.6 (inherits@2.0.1, minimatch@0.2.12)
    ├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16)
    ├── tar@0.1.18 (inherits@2.0.1, block-stream@0.0.7, fstream@0.1.24)
    ├── prompt@0.2.7 (revalidator@0.1.5, pkginfo@0.3.0, read@1.0.5, utile@0.1.7, winston@0.6.2)
    ├── request@2.22.0 (json-stringify-safe@4.0.0, aws-sign@0.3.0, qs@0.6.5, oauth-sign@0.3.0, forever-agent@0.5.0, 쿠키 -jar@0.3.0, tunnel-agent@0.3.0, mime@1.2.11, node-uuid@1.4.1, http-signature@0.10.0, hawk@0.13.1, form-data@0.0.8 )
    ├── express@3.0.0 (methods@0.0.1, fresh@0.1.0, range-parser@0.0.4, crc@0.2.0, cookie@0.0.4, commander@0.6.1, debug@0.7 .2, mkdirp@0.3.3, send@0.1.0, connect@2.6.0)
    ├── ripple-emulator@0.9.18 (connect-xcors@0.5.2, colors@0.6.0-1, account@0.3.2, request@2.12.0, moment@1.7.2, express@3.1.0) )
    ├── npm@1.3.11
    └── plugman@0.11.0 (ncallbacks@1.1.0, osenv@0.0.3, bplist-parser@0.0.4, underscore@1.4.4, semver@2.0.11, dep-graph@1.1.0, elementtree @ 0.1.5, xcode@0.6.1, nopt@1.0.10, rc@0.3.0, tar.gz@0.1.1, npm@1.3.4)
    
  4. 위 줄에서 파일이 언급 된 경로를 볼 수 있습니다. 해당 경로를 복사하십시오. 제 경우에는 C:\Users\binaryuser\AppData\Roaming\npm\cordova너무 사용 cd C:\Users\binaryuser\AppData\Roaming\npm\하고 입력하십시오 cordova. 마침내 작동합니다.

  5. -g키 값이 작동하지 않기 때문에 환경 변수 경로를 설정했습니다.
    1. Win+를 누르 Pause|Break거나를 마우스 오른쪽 버튼으로 클릭 Computer하고을 선택합니다 Properties.
    2. Advanced system settings왼쪽을 클릭하십시오 .
    3. Environment Variables아래를 클릭 Advanced하십시오.
    4. PATH변수를 선택 하고을 클릭 Edit합니다.
    5. 위에서 언급 한 경로를 값 필드에 복사하고를 누릅니다 OK.

7
또한 node.js를 관리자로 설치하고 사용자가 Active Directory에서 제한된 권한을 가지고있는 경우 관리자가 아닌 사용자로 "npm install -g phonegap"을 실행해야합니다. 그렇지 않으면 파일이 관리자 권한으로 생성됩니다. 로밍 폴더에 액세스 할 수 없습니다. 관리자에서 "npm uninstall phonegap"을 수행하고이 경우 사용자로 다시 설치할 수 있습니다.
vicenteherrera 2013 년

1
참고, 당신은을 사용할 필요가 Node.js command prompt윈도우 cmd.exe를 내장하지
loadedion

2
@gotnull 나는 두 번째 당신의 움직임.
Jay Jay Jay

2
node.js 명령 프롬프트를 사용하려고 할 때 시스템 터미널을 사용하라는 오류가 표시되었습니다. 이것은 Node.js v0.10.26 용입니다.
John Macon

이 답변은 공식 지침에 무엇이 있는지 정확히 알려주지 만 wp8 템플릿 부분에는 대답하지 않습니다. npm을 사용하여 cordova / phonegap을 설치할 때 wp8 폴더 또는 createTemplates.bat 파일을 찾을 수 없습니다. 이는 주로 질문의 요점입니다.
Matthieu Harlé 2014 년

18

이 답변은 여기에 처음 게시되었습니다 : cordova / phonegap은 android 디렉토리를 만들지 않습니다.

Cordova 3.3.0의 출시와 함께 PhoneGap 팀은 명명 혼란을 해결하려고 노력하고있는 것 같습니다. cordova대신 명령을 사용하는 사람들을 권장하도록 문서가 업데이트되었습니다 . phonegap더 이상 명령을 사용하지 마십시오 .

다음은 문제없는 설정을위한 새로운 설치 가이드입니다.

  1. Cordova를 설치합니다 (지금부터는 PhoneGap이라는 이름은 잊어 버림). PC의 경우 :

    C :> npm install -g cordova

  2. 명령 프롬프트에서 다음을 사용하여 프로젝트를 만들 폴더로 이동합니다.

    cordova create hello com.example.hello HelloWorld
    cd 안녕하세요

  3. 예를 들어 지원하려는 OS를 정의하십시오.

    코르도바 플랫폼 추가 wp8

  4. 플러그인을 설치합니다 (필요한 경우). 예를 들어 다음을 원합니다.

    cordova 플러그인 추가 org.apache.cordova.device
    cordova 플러그인 추가 org.apache.cordova.camera
    cordova 플러그인은 org.apache.cordova.media-capture를 추가합니다.
    cordova 플러그인 추가 org.apache.cordova.media
    

  5. 마지막으로 다음을 사용하여 앱을 생성합니다.
    코르도바 빌드 wp8

다음은 PhoneGap Cordova 3.3.0 문서에 대한 링크입니다. http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface


1
또한 빌드 명령이 작동 했습니까? Visual Studio에서 빌드 할 수 있지만 명령 줄에서는 빌드 할 수 없습니다. 오류 : D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.어떤 파일을 찾고 있는지 확실하지 않습니다.
atlantis 2014

1
56 행에서 Log("Command: " + command);주석 처리 된 것을 볼 수 있습니다. 주석 처리를 제거하면 인쇄되고 command어떤 파일을 찾고 있는지 알 수 있습니다.
Edward Grech 2014 년

2 단계에서는 "cd HelloWorld"대신 "cd hello"가되어야한다고 생각합니다.
Jarnal 2014 년

6

나는이 같은 오류에 직면했다. 그리고 GitHub에서 PhoneGap 마스터를 다운로드하려고 시도했지만 내가 얻은 것이 Phonegap 2.9라는 것을 알았습니다. 결국 Cordova 3 Source 를 다운로드해야했습니다.

그것을 얻으려면 다음 단계를 따르십시오.

  1. Cordova 3 소스 다운로드 및 압축 해제
  2. cordova-wp8 폴더에서 template.bat를 실행하십시오.
  3. 생성 된 Zip 파일을 Visual Studio 템플릿 폴더에 복사합니다.

4

Windows에 Phonegap Cordova 설치

요구 사항

  • Eclipse + ADT 플러그인
  • Android SDK 도구
  • Android 플랫폼 도구
  • 최신 PhoneGap zip 폴더. 내용을 추출하십시오.

지원되는 Android 장치

Android 2.2 Android 2.3 Android 4.x Phonegap Cordova 설치

Android 용 PATH 환경 변수 설정

  1. 바탕 화면에서 내 컴퓨터를 마우스 오른쪽 버튼으로 클릭하고 속성을 클릭합니다.

  2. 왼쪽 열에서 고급 시스템 설정 링크를 클릭합니다.

  3. 시스템 속성 창에서 환경 변수 버튼을 클릭합니다.

  4. 시스템 변수 섹션에서 PATH 변수를 선택합니다. 편집 버튼을 선택합니다. Android SDK 플랫폼 도구 및 도구 디렉토리에 경로를 추가해야합니다. 예 : D : \ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D : \ adt-bundle-windows-x86_64-20130219 \ sdk \ tools 편집 내용을 저장합니다. 환경 변수 대화 상자를 닫습니다.

  5. 또한 PATH에도 % JAVA_HOME % \ bin을 포함해야 할 수 있습니다. 이것이 필요한지 확인하려면 명령 프롬프트를 실행하고 java를 입력하십시오. 프로그램을 찾을 수 없으면 PATH에 % JAVA_HOME % \ bin을 추가하십시오. % JAVA_HOME % 환경 변수를 사용하는 대신 전체 경로를 지정해야 할 수 있습니다.
  6. 마지막으로 PATH에도 % ANT_HOME % \ bin을 포함해야 할 수 있습니다. 이것이 필요한지 확인하려면 명령 프롬프트를 실행하고 ant를 입력하십시오. 프로그램을 찾을 수 없으면 PATH에 % ANT_HOME % \ bin을 추가하십시오. % ANT_HOME % 환경 변수를 사용하는 대신 전체 경로를 지정해야 할 수 있습니다. 새 프로젝트 설정

명령 프롬프트를 열고 Cordova 배포의 android 하위 폴더 내 bin 디렉터리로 이동합니다.

입력 : ./create

그런 다음 Enter 키를 누르고 Eclipse를 시작합니다. 파일 메뉴 항목에서 가져 오기…를 선택합니다.

가져 오기 "기존 Android 코드를 작업 공간으로"를 선택하고 '다음>'을 클릭합니다.

명령 프롬프트를 통해 생성 된 프로젝트를 찾습니다. 그리고 '마침'을 클릭하십시오. 에뮬레이터에 배포 Eclipse 내에서이 도구 모음 아이콘을 누릅니다.

열리면 Android SDK Manager에 다양한 런타임 라이브러리가 표시됩니다. 여기에서 요구 사항에 따라 API를 설치합니다. Eclipse 내에서이 도구 모음 아이콘을 누릅니다.

제공되는 목록에서 장치 정의를 선택하십시오. (현재 목록에는 하나의 항목 만 있습니다.) 위 창에서 New…를 눌러 새 Android Virtual Device (AVD)를 만들고이를 사용하여 프로젝트를 실행합니다.

에뮬레이터를 별도의 애플리케이션으로 열려면 AVD를 선택하고 시작을 누릅니다. 하드웨어 버튼에 사용할 수있는 추가 컨트롤을 사용하여 장치에서와 같이 실행됩니다.

장치에 배포 :

장치에서 USB 디버깅이 활성화되어 있는지 확인하고 시스템에 연결하십시오. 프로젝트를 마우스 오른쪽 단추로 클릭하고 실행 도구> Android 애플리케이션으로 이동하십시오.

더 읽어보기 ...


2

phonegap을 설치하는 데 문제가 있습니다. cmd를 관리자로 실행 한 다음 명령을 실행할 때 문제가 수정되었습니다.

npm install -g phonegap

성공적으로 설치됩니다.

그런 다음 설치된 디렉토리에서 cmd를 열고 phonegap 명령을 실행하면 정상적으로 작동합니다. 이제 더 많이 사용하겠습니다. :)

이 모든 도움을 주신 친구들에게 감사드립니다.


2

에서 C:\phonegap-2.9.0\lib\windows-phone-8 there's배치 파일이라고합니다 createTemplates.bat. 이 파일을 실행해야 CordovaWP8_2_9_0.zip문서에 언급 된 파일 이 생성됩니다 .


phonegap-3.3.0에 대한이 배치 파일을 찾을 수 없습니다. 사실 Windows-phone-8 폴더를 찾을 수 없습니다. 내가 뭘 잘못하고 있는지 아십니까?
MysticMagicϡ 2014

1

나는 같은 문제가 있었지만 마침내 성공을 거두었습니다.이 이미지를 던지십시오 Plase 전화 도구 명령 프롬프트 에서 모든 명령을 실행하십시오. 여기에 이미지 설명 입력


안녕 Mayur. 위의 방법으로 시도합니다. 플랫폼 추가에 오류가 있습니다. 내가 cordova 플랫폼을 입력 한 후 wp8을 추가하십시오. 다음 오류가 발생합니다. 오류 : 'bin'폴더에서 'check_reqs.js'를 찾을 수 없습니다. 중단 중 ...
Gurunathan

@mayur-또한 나를 위해 작동하지 않습니다. 나는 '코르도바'가 인식되지 않습니다. 내가 생각하는 경로 문제. 그러나 코르도바는 어디에 있습니까?
schmidlop 2014

1

나는이 발견 2014년 5월 29일 : 업데이트 CTP1.1 마지막을위한 비주얼 스튜디오 문서에 대한 멀티 디바이스 하이브리드 앱을 .

문서의 일부 내용은 다음과 같습니다.

이 릴리스는 다음 장치 대상을 위한 앱 빌드를 지원합니다 .

Android 4 이상 (최적의 개발자 경험을 제공하는 4.4) iOS 6 및 7 Windows 8.0 (Store) Windows Phone 8.0

요구 사항 : Windows 8.1

Visual Studio 2013 업데이트 2-다음과 같은 선택적 기능이 설치된 Professional, Ultimate 또는 Premium :

Windows 8 용 스토어 앱 유지 관리 도구 Windows Phone 8.0 SDK

추가 시스템 요구 사항은 장치 플랫폼에 따라 다릅니다.

Android 에뮬레이터는 Intel HAXM 드라이버를 설치할 수있는 PC에서 가장 잘 작동합니다.

Windows Phone 8에서 에뮬레이터를 실행하려면 Hyper-V 지원 PC가 필요합니다. iOS 용 빌드를 사용하려면 iOS 시뮬레이터를 사용하려면 Xcode 5.1을 실행할 수있는 Mac이 필요합니다.

타사 종속성 :

Joyent Node.js – Visual Studio를 Apache Cordova CLI (명령 줄 인터페이스) 및 Apache Ripple ™ 에뮬레이터 Git CLI와 통합 할 수 있습니다. 플러그인 용 git URI를 수동으로 추가해야하는 경우에만 필요합니다.

Google Chrome – iOS 및 Android 용 Apache Ripple 에뮬레이터를 실행하는 데 필요합니다.

Apache Ant 1.8.0+ – Android 빌드 프로세스에 대한 종속성으로 필요

Oracle Java JDK 7 – Android 빌드 프로세스에 대한 종속성으로 필요

Android SDK – Android 빌드 프로세스 및 Ripple에 대한 종속성으로 필요

Windows 런타임 용 SQLLite – Windows 앱에 SQL 연결을 추가하는 데 필요합니다 (WebSQL Polyfill 플러그인의 경우).

Apple iTunes – Windows PC에 연결된 iOS 장치에 앱을 배포하는 데 필요합니다.

여기에 이미지 설명 입력


0

Windows에서 CMD를 관리자로 실행하면 사람들이 사용자 지정 디렉터리에 자신의 물건을 설치하려고 노력하지 않기 때문에 완벽하게 합리적이라고 생각합니다. 따라서 Windows 디렉터리에 node.js를 설치 한 다음 Unelevated CMD에 PhoneGap을 설치하려고하면 경로 변수를 설정하는 데 어려움이 있습니다.


0

나는 같은 문제가 있었다. 몇 시간이 지났는데 설치된 node.js 버전이 0.8이라는 것을 알았습니다. 그러나 node.js 웹 사이트에서 버전 0.10을 다운로드하여 설치했습니다.

다시 다운로드하여 설치했는데 현재 버전은 0.10입니다. 결과 : PhoneGap이이 버전과 함께 성공적으로 설치되었습니다.


0

Phonegap은 신입생에게는 약간 까다로울 수 있습니다. 저는 휴대폰의 기본 기능에 액세스 할 수있는 강력한 안드로이드 애플리케이션을 만들기위한 최적의 방법을 찾기 위해 많은 시간을 보냈습니다.

이 링크 는 Windows, html 및 javascript를 사용하여 Phonegap Android 애플리케이션을 만드는 단계별 방법을 제공합니다.


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.