'Cordava'에 해당되는 글 1건

  1. 2017.10.10 PhoneGap(Cordava) 이용해서 웹앱 만들기
Programming/Android2017. 10. 10. 15:31

 * 필수항목

1. Node.js 설치

2. JAVA SDK 설치

3. Android Studio 설치


위 3가지가 다 있다면 아래 부터 차근차근 따라하면 됩니다.



- > npm install -g phonegap




- > npm install -g cordova



환경변수 설정



새로만들기 클릭



변수 이름 : ANDROID_HOME

변수 값 : C:\Users\(사용자 이름)\AppData\Local\Android\sdk



변수 이름 : JAVA_HOME

변수 값 : C:\Program Files\Java\jdk1.8.0_131




Path - %ANDROID_HOME%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools%

추가



이제부터 프로젝트를 생성하면 됩니다.


cmd에서 프로젝트를 생성.


- > cordova create testapp (프로젝트만 생성, 기본 앱이름 (HelloCordova) )

- > cordova create testapp com.test.bug myApp (패키지명과 앱 이름을 설정 할 수 있습니다.)



위 같이 뜬다면 폴더가 생성 되었는지 확인



www 폴더로 들어가서 자신이 개발했던 웹프로젝트를 복 붙하면 됩니다.






복붙 한뒤에 다시 cmd 화면으로 갑니다.


만들어 줬던 프로젝트 경로로 cd testapp 으로 이동




안드로이드 프로젝트로 변환

- > cordova platform add android




- > cordova build android (빌드만 하고 싶을 때)

- > cordova run android

에뮬레이터나 개발용 폰이 연결이 되어있는경우 바로 cordova run android 명령어를 넣어주시면 빌드와 동시에 폰에 설치가 됩니다.







에러 없이 여기까지 오면 끝입니다.







Posted by Berg