하이브리드 앱 config.xml 설정방법
config.xml에서 widget id는 앱을 구분짓는 주민등록번호라고 보면 됩니다. 앱이 고유한 이름을 가질 수 있도록 도메인 형식으로 지어줍니다. com.회사.앱이름 형식으로 지어줍니다. 이것은 구글 플레이 스토어에서 업로드할 때 다른 앱과 구분할 때 사용합니다. 안드로이드 앱을 제작할 때는 모바일 기기에서 직접 테스트해봐야 합니다. 이때는 USB 디버깅을 사용하는 것이 좋습니다. 테스트 용도로 디버깅하려면 usesCleartextTraffic 어트리뷰트 값을 true로 바꿉니다. 그리고 xmlns:android에 APK 리소스 네임스페이스를 선언해줘야 합니다. xmlns:anroid:"http://schemas.android.com/apk/res/android를">http://schemas.android.com/apk/res/android를 입력합니다. name 태그에 앱의 이름을 적습니다. 모바일 기기를 USB에 연결하고 개발자 모드에서 USB 디버깅을 할 수 있도록 합니다. 그러면 PC에서 개발한 앱을 모바일 기기에서 직접 확인할 수 있습니다. 모바일 설정에서 소프트웨어 정보를 선택합니다. 그리고 빌드 번호를 여러번 터치합니다. 그러면 개발자 모드가 켜졌다는 메시지가 나옵니다. 다시 설정 초기 메뉴로 돌아가면 맨 아래 개발자 옵션이 추가된 것을 확인할 수 있습니다. 터미널 창에서 adb devices 명령어를 실행합니다. adb는 안드로이드 디버깅용 네트워크 유틸리티입니다. 웹팩을 이용해서 src와 public 폴더에서 작업한 내용을 src-cordova의 www 폴더에 준비합니다. npm run cordova-prepare 명령어를 실행합니다. 이 명령어를 사용하면 config.xml의 설정 내용을 플랫폼별로 매니페스트 파일에 반영하고 www 폴더에 빌드를 위한 파일을 준비합니다. src-cordova 폴더에서 cordova run android 명령을 실행합니다. 이때 모바일 기기의 잠금 화면은 해제합니다. 코르도바의 빌드로 배포용 APK 파일을 만들고 싶다면 cordova build --release android 명령어를 실행합니다. 빌드가 잘 끝나면 platforms/android/app/build/outputs/apk 폴더에 apk파일이 생깁니다. 프로덕션 모드의 APK는 기기에 복사할 수 없으며, 서명 절차를 해야 구글 플레이 스토어에 업로드할 수 있습니다. config.xml의 설정을 잘못하면 apk 파일이 올바르게 빌드되지 않습니다. 빌드하기 전에 config.xml 파일을 잘 확인합니다. 모바일 기기에서 카메라와 같은 네이티브 기능을 사용하지 않는다면 PWA와 똑같은 코드로 앱을 제작할 수 있습니다. 그리고 디버깅을 할 때 개발자 모드의 핫 리로드 기능으로 소스 코드의 문법이나 로직에 오류가 없는지 가볍게 확인할 수 있습니다. 코르도바도 필요한 모듈은 플러그인 단위로 관리하기 때문에 사용하기 편합니다. 코르도바 기본 이벤트 세트는 모바일 플랫폼에서 공통으로 사용할 수 있도록 디바이스 준비나 버튼 처리와 관련된 이벤트의 집합을 말합니다. 기본 이벤트는 코르도바 플러그인을 설치하지 않아도 사용할 수 있습니다. 모든 이벤트의 사용법은 같습니다. document 객체의 addEventListener 함수로 콜백 함수를 만들어서 연결해서 사용하면 됩니다. 코르도바 플러그인은 모바일 기기의 네이티브 기능을 사용할 수 있도록 지원하는 자바스크립트 인터페이스를 말합니다. 코르도바는 이런 플러그인이 잘 갖추어져 있어서 많은 사람들이 코르도바를 사용합니다. 코르도바 홈페이지에서 여러 플러그인을 검색해서 사용할 수 있습니다. 그리고 cordova plugin add 플러그인 명령어를 사용해서 설치를 하면 됩니다. PWA의 코드를 똑같이 사용해서 코르도바 앱을 제작하고 싶다면 코르도바 플러그인 중에 웹API와 같은 스펙을 지원하는 것을 이용하면 됩니다. 왜냐하면 PWA는 웹API의 기능을 사용했기 때문입니다. phonegap-plugin-pwa 깃허브 사이트에서 코르도바 플러그인 중에 어떤 것이 웹 API 스펙을 지원하는지 알 수 있습니다. 웹 API 표준을 사용하면 PWA와 코르도바 양쪽 모두 같은 코드를 사용할 수 있는 것입니다. 설치된 코르도바 플러그인을 확인하려면 cordova plugin ls 명령어를 칩니다. 필요없는 플러그인이 있다면 cordova plugin rm 플러그인 이름 명령어를 사용합니다. rm는 remove를 말합니다. 코르도바 업그레이드를 해야 할 때가 있습니다. 이럴 때는 npm update -g cordova 명령어를 사용합니다. 브라우저 플러그인은 카메라 같은 W3C 웹 API를 사용한 플러그인을 사용할 때 필요합니다.
댓글