Show Menu
화제×

모바일 애플리케이션 구축

단일 페이지 애플리케이션 프레임워크 기반 클라이언트측 렌더링(예: 응답)이 필요한 프로젝트에 SPA 편집기를 사용하는 것이 좋습니다. 추가 정보 .
테스트를 위해 또는 앱 스토어에 게시할 디바이스 또는 시뮬레이터에 설치할 애플리케이션을 구축할 수 있습니다. PhoneGap 명령줄 인터페이스를 사용하거나 PhoneGap Build를 사용하여 클라우드에서 응용 프로그램을 로컬로 빌드할 수 있습니다.
GitHub에서 제공하는 코드를 사용하여 모바일 애플리케이션을 구축하는 방법에 대한 전체 단계별 문서를 여기에서 확인할 수 있습니다.

응용 프로그램을 게시 인스턴스로 이동

애플리케이션 파일을 게시 인스턴스로 이동하면 모바일 애플리케이션의 설치된 인스턴스에 컨텐츠 업데이트를 제공할 수 있고 게시된 컨텐츠를 사용하여 애플리케이션을 구축할 수 있습니다. 애플리케이션은 저장소의 두 노드 분기로 구성됩니다.
  • /content/phonegap/apps/<application name> :작성자가 만들고 활성화하는 웹 페이지입니다.
  • /content/phonegap/content/<application name> :애플리케이션 구성 파일 및 컨텐츠 동기화 구성.
응용 프로그램 파일을 게시 인스턴스로 이동하지 않으면 컨텐츠 작성자는 컨텐츠 동기화 캐시를 업데이트할 수 없습니다.
분기의 파일만 게시 인스턴스로 이동해야 합니다. /content/phonegap/content/<application name> 작성자가 페이지를 활성화하면 /content/phonegap/apps/<application name> 분기의 파일이 이동됩니다.
AEM 파섹
예를 들어 phonegapapp이라는 모바일 애플리케이션이 만들어집니다. 다음 노드를 게시 인스턴스로 이동해야 합니다./content/phonegap/content/phonegapapp.
​팁:작성 인스턴스에서 게시 인스턴스로 패키지를 이동하려면 패키지의 복제 명령을 사용합니다.

PhoneGap 명령줄 인터페이스를 사용하여 빌드

PhoneGap 명령줄 인터페이스(CLI)를 사용하여 컴퓨터에서 PhoneGap 애플리케이션을 컴파일합니다. AEM 콘텐츠를 애플리케이션에 포함시키기 위해 AEM은 모바일 응용 프로그램의 콘텐츠, 콘텐츠 동기화 구성 및 기타 필요한 에셋이 포함된 ZIP 파일을 만듭니다. ZIP 파일을 다운로드하여 빌드에 포함합니다.

빌드 환경 준비

PhoneGap CLI를 사용하여 빌드하려면 Node.js 및 PhoneGap 클라이언트 유틸리티를 설치해야 합니다. 다음 절차를 수행하려면 인터넷 연결이 필요합니다.
  1. 터미널 또는 명령 프롬프트를 열고 다음 노드 명령을 입력하여 PhoneGap 유틸리티를 설치합니다.
    npm install -g phonegap
    
    
    Unix 또는 Linux 시스템의 경우 명령 앞에 를 붙여야 할 수 sudo 있습니다.
    터미널은 일련의 HTTP GET 명령의 결과를 보여줍니다. 설치가 완료되면 터미널에 다음과 같이 라이브러리가 설치된 위치가 표시됩니다.
    /usr/local/bin/phonegap -> /usr/local/lib/node_modules/phonegap/bin/phonegap.js
    phonegap@3.3.0-0.19.6 /usr/local/lib/node_modules/phonegap
    ├── pluralize@0.0.4
    ├── colors@0.6.0-1
    ├── semver@1.1.0
    ├── qrcode-terminal@0.9.4
    ├── shelljs@0.1.4
    ├── optimist@0.6.0 (...)
    ├── prompt@0.2.11 (...)
    ├── phonegap-build@0.8.4 (...)
    ├── connect-phonegap@0.8.1 (...)
    └── cordova@3.3.0-0.1.1 (...)
    
    
  2. (선택 사항) 타깃팅하는 모바일 플랫폼용 SDK를 받습니다.

콘텐트 ZIP 파일 다운로드

모바일 애플리케이션의 컨텐츠를 파일 시스템으로 이동합니다.
  1. 모바일 애플리케이션 페이지에서 애플리케이션을 선택합니다.
  2. (선택 사항) 전체 설치를 위한 응용 프로그램을 만들려면 도구 모음에서 캐시 지우기 아이콘을 클릭하거나 탭합니다.
    캐시는 설치된 응용 프로그램에 대한 콘텐트 업데이트를 보관합니다. 캐시 비우는 모든 캐시된 업데이트를 제거합니다.
  3. 도구 모음에서 CLI 자산 다운로드 아이콘을 클릭하거나 탭합니다.
  4. ZIP 파일을 저장한 후 성공 대화 상자에서 닫기를 클릭합니다.
  5. ZIP 파일의 내용을 추출합니다.

PhoneGap CLI를 사용하여 구축

PhoneGap CLI를 사용하여 애플리케이션을 컴파일하고 설치합니다. PhoneGap CLI 사용 방법에 대한 자세한 내용은 PhoneGap 명령줄 인터페이스 설명서를 참조하십시오.
  1. 터미널 또는 명령 프롬프트를 열고 현재 디렉토리를 다운로드한 응용 프로그램 ZIP 파일로 변경합니다. 예를 들어, 다음 예제에서는 디렉토리를 ng-app-cli.1392137825303.zip 파일로 변경합니다.
    cd ~/Downloads/ng-app-cli.1392137825303
    
    
  2. 타깃팅하는 플랫폼에 대한 phonegap 명령을 입력합니다. 예를 들어 다음 명령은 Android용 앱을 빌드합니다.
    phonegap build android
    
    

PhoneGap Build를 사용하여 빌드

PhoneGap 클라우드 서비스를 사용하여 앱을 빌드합니다. 이 절차를 수행하려면 먼저 PhoneGap Build 구성을 만들어야 합니다.

PhoneGap Build에 연결하는 중

AEM 내에서 PhoneGap Build 서비스를 사용할 수 있도록 PhoneGap Build 구성을 만듭니다. 모바일 응용 프로그램을 빌드하는 데 사용할 PhoneGap Build 계정의 사용자 이름과 암호를 제공합니다.
  1. 도구 페이지를 엽니다. ( http://localhost:4502/tools.html ).
  2. CQ 작업 영역에서 클라우드 서비스를 클릭합니다.
  3. PhoneGap Build에 대한 지금 구성 링크를 클릭합니다.
  4. 구성 만들기 대화 상자에서 제목 속성 값을 입력합니다. 기본적으로 Name 속성 값은 제목에서 파생되지만 이름을 입력할 수 있습니다. # 를 클릭합니다.
  5. PhoneGap Build 구성 대화 상자에서 PhoneGap Build 사용자 이름과 암호를 입력한 다음 확인을 클릭합니다.

PhoneGap Build 사용

다양한 모바일 플랫폼에 맞게 컴파일할 수 있도록 애플리케이션 리소스를 PhoneGap Build로 보냅니다.
  1. 모바일 애플리케이션 페이지에서 모바일 애플리케이션을 엽니다. ( http://localhost:4502/mobile.html/content/phonegap )
  2. (선택 사항) 전체 설치를 위한 응용 프로그램을 만들려면 응용 프로그램을 선택하고 # 아이콘을 클릭합니다.
    캐시는 설치된 응용 프로그램에 대한 콘텐트 업데이트를 보관합니다. 캐시 비우는 모든 캐시된 업데이트를 제거합니다.
  3. 시작 페이지를 선택한 다음 원격 빌드 아이콘을 클릭합니다.
    ​참고:AEM 베타의 베타 버전은 빌드가 성공적으로 완료되면 받은 편지함 알림을 만들지 않습니다.
  4. 성공 대화 상자에서 PhoneGap Build를 클릭하여 Adobe PhoneGap Build 페이지(https://build.phonegap.com/apps)를 엽니다 . 앱이 표시되기를 기다리는 경우 PhoneGap 빌드 상태 페이지를 확인할 수 있습니다.
    빌드 설치에 대한 자세한 내용은 PhoneGap 빌드 설명서를 참조하십시오 .
    무료 PhoneGap Build 계정은 하나의 개인 응용 프로그램을 사용할 수 있습니다. 추가 개인 응용 프로그램을 빌드하는 경우 PhoneGap 빌드가 실패합니다.

다음 단계

빌드 프로세스의 다음 단계는 앱의 구조에 대해 배우는 것입니다.