Cloud Deploy - 환경세팅

Cloud Deploy - 환경세팅

아이오닉의 강점중에 하나인 Cloud 소스 관리

앱스토어에 한번 등록해놓고 재심사 없이 가벼운 업데이트가 가능하다.

Cordova나 Plugin이 변경되는 경우에는 앱스토어에 다시 재심사를 받아야 하지만

간단한 글자 수정이나 디자인 수정은 이것을 통해 재심사 없이 바로 업데이트가 가능하다... 고 알고 있다.

아이오닉 계정 생성

https://apps.ionic.io/signup

먼저 아이오닉 사이트에서 계정을 생성해야 한다.

 

cloud-angular 설치

물론 Ionic framework가 설치되어 있어야 하고,

Ionic App 프로젝트가 로컬에 만들어져 있어야 한다.

Cloud 를 세팅하기 앞서 node -v 와 npm -v 를 CLI에서 확인한다.

node 4 , npm 3 이상이 설치되어 있어야 함.

각 버전을 확인했다면

CLI에서 Ionic App 프로젝트 디렉토리의 루트로 들어가 아래의 구문을 실행한다.

$ npm install @ionic/cloud-angular --save

App ID 생성

클라우드 세팅을 하기 전에 앱 ID가 필요하다. 

CLI에서 Ionic App 프로젝트 디렉토리의 루트에서 아래의 구문을 실행한다.

$ ionic io init

CLI 창에서 아이오닉 사이트 접속 계정을 물어보는데

아이디 (이메일) , 비밀번호를 입력하자.

그럼 아이오닉 DashBoard에 앱이 등록되고,

소스파일 중 ionic.config.json에 App ID가 생성된다.

{

  "name": "APP PROJECT NAME",

  "app_id": "APP ID",

  "v2": true,

  "typescript": true

}

Cloud 구성

src/app/app.module.ts 파일을 열자.

CloudSettings, CloudModule을 import 시키고

ionic.config.json에서 확인할 수 있는 app id를 CloudSettings에 적는다.

import { CloudSettings, CloudModule } from '@ionic/cloud-angular';

const cloudSettings: CloudSettings = {

  'core': {

    'app_id': 'APP_ID'

  }

};

@NgModule({

  declarations: [ ... ],

  imports: [

    IonicModule.forRoot(MyApp),

    CloudModule.forRoot(cloudSettings)

  ],

  bootstrap: [IonicApp],

  entryComponents: [ ... ],

  providers: [ ... ]

})

export class AppModule {}