캐패시터로 네이티브 앱 만들기

ANDROID

https://ionicframework.com/docs/building/android

Android Development - Ionic Documentation

안드로이드 스튜디오를 설치해야 합니다.

https://capacitor.ionicframework.com/docs/getting-started/dependencies#android-development

Capacitor Required Dependencies - Capacitor

Java8 JDK는 반드시 설치되어야 하며, API level 21또는 그이상을 타겟팅해야합니다.

즉, Angroid 5.0(Lollipop)이나 그 이상입니다.

안드로이드 스튜디오의 설치가 완료 되었다면, SDK 매니저로 들어가 확인합니다.

또한 SDK Tools탭에서는, Android SDK Build-Tools설치여부를 확인하고,

Android SDK Tools의 버전을 확인합니다.

Intel x86 Emulator Accelerator (HAXM installer), Android Emulator의 설치여부를 확인하기 바랍니다.

---

설치가 완료되었다면, 터미널에서 캐패시터를 이용해 안드로이드를 추가해 보겠습니다.

ionic capacitor add android

다음과 같은 에러가 발생한다면,

[error] Capacitor could not find the web assets directory "/Users/aw/dev/ionic/udemy/section5/ng-ionic-05-finished/www".

기존에 빌딩한 이력이 없기 때문에, ng build명령어를 실행합니다.

ng build

설치가 완료 되었다면, www폴더가 생성됩니다. 다시한번 ionic capacitor add android 명령을 입력합니다.

ionic capacitor add android

appID를 변경합니다.

// capacitor.config.json

{
  "appId": "com.what.you.want",
  "appName": "ionic-angular-course",
  "bundledWebRuntime": false,
  "npmClient": "npm",
  "webDir": "www"
}

아이디에는 -를 넣지 않도록합니다.

 

아이디가 변경되었으므로, www폴더에 있는걸 android폴더로 복사해줍니다.

ionic capacitor copy android

이제 실행해 보겠습니다.

ionic capacitor run android

전부 실행이 되면, 자동으로 안드로이드 스튜디오가 열립니다.

AVD Manager를 열어 기기를 만듭니다.

생성이 되었다면, 오른쪽에 초록색 실행(재생) 아이콘을 눌러서 실행합니다.

---

부팅이 완료 되었다면, 초록색 실행 버튼을 눌러 실행합니다.

 

ionic capacitor run android -l

 

을 이용하면 실시간으로 업데이트 되는 기능을 제공합니다.

위 커맨드를 이용할 시 앱을 재실행 해주시기 바랍니다.

---

실재 안드로이드 폰에서 실행하기.

USB로 안드로이드 폰과 연결후, "Developer Options"를 설정합니다. 

자세한 내용 참조: https://developer.android.com/studio/debug/dev-options

"Developer Otions"에서 "USB Debugging"를 체크하됩니다.

 

---

IOS

Xcode, Xcode-tool이 설치되어 있어야합니다. 물론, 클라우드도 지원하지만, 유료입니다.

혹은 맥을 갖고 있어야 합니다.

 

안드로이드와 동일하게 실행합니다.

ionic capacitor add ios

ng build

ionic capacitor run ios

자동으로 Xcode가 실행됩니다.

signing에서 반드시 팀을 선택해주어야 합니다.

없다면, 계정을 추가해야합니다.

개발만 한다면, 유료로 등록하지 않아도 됩니다.

스토어에 올릴 때에만 금액을 지불하게 되어있습니다.

 

ionic capacitor run ios -l

동일하게 가능합니다.