[PhoneGap] iOS 환경 만들기

PhoneGap 환경을 만들어 보려고 합니다. (기존에 방식은 잊어버리자)

먼저 Mac OS X에서 기본적으로 설치되어 있지 않는, 

필요한 패키지를 설치를 위해서, Homebrew라는 패키지 관리자를 설치해보록 하겠습니다. 

( 패키지 관리자 예: CentOS yum, Redhot rpm, Devian apt와 유사한 서비스 )

1. Homebrew  설치하기 

Homebrew는 OS X용 패키지 관리자 입니다.

(Homebrew 공식 홈페이지 설치법: http://brew.sh/index_ko.html)

  - OS X terminal 에서 실행

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  - 설치가 완료되면, $brew doctor로  재대로 설치에 대한 확인을 체크한다.

  - brew help로 명령어를 확인할 수 있습니다.

Homebrew는 Apple에서 제공하지 않지만, 필요한 패키지를 설치합니다.

$ brew install wget

Homebrew는 자신의 디렉토리에 디렉토리에 패키지를 설치하고, 

/usr/local 안에 그 파일을 심볼링 링크로 겁니다.

$ cd /usr/local
$ find Cellar
Cellar/wget/1.15
Cellar/wget/1.15/bin/wget
Cellar/wget/1.15/share/man/man1/wget.1

$ ls -l bin
bin/wget -> ../Cellar/wget/1.15/bin/wget

( 참고: Homebrew는 prefix가 붙지 않는 파일은 설치 하지 않지만,원하는 위치 어느 곳이든 설치할 수 있습니다. )

( 참고 II: Homebrew 관련 포스트: 맥 패키지 매니저 Homebrew  / 10 Apps - iPhone 실전 프로젝트 따라하기 ) 

( 참고 III : Homebrew 를 삭제하기  )

uninstall_homebrew.sh

#!/bin/sh
# Just copy and paste the lines below (all at once, it won't work line by line!)
# MAKE SURE YOU ARE HAPPY WITH WHAT IT DOES FIRST! THERE IS NO WARRANTY!
 
function abort {
  echo "$1"
  exit 1
}
 
set -e
 
/usr/bin/which -s git || abort "brew install git first!"
test -d /usr/local/.git || abort "brew update first!"
 
cd `brew --prefix`
git checkout master
git ls-files -z | pbcopy
rm -rf Cellar
bin/brew prune
pbpaste | xargs -0 rm
rm -r Library/Homebrew Library/Aliases Library/Formula Library/Contributions 
test -d Library/LinkedKegs && rm -r Library/LinkedKegs
rmdir -p bin Library share/man/man1 2> /dev/null
rm -rf .git
rm -rf ~/Library/Caches/Homebrew
rm -rf ~/Library/Logs/Homebrew

rm -rf /Library/Caches/Homebrew

2. Node.js 설치

phonegap을 원격으로 설치를 위해서, 먼저 node.js가 설치 되어 있어야 합니다.

$brew install node

3. PhoneGap 설치 ( http://phonegap.com/install/ )

본격적으로 PhoneGap를 설치하도록 하겠다.

NPM(Node Packaged Modules)은 CentOS의 yum과 같은 것이다. 

필요한 모듈을 원격 리파지토리에서 바로 다운받아서 실치 할 수 있다. 

-g 옵션:  전역에서 phonegap을 사용할 수 있게 해준다.

$sudo npm install -g phonegap

4. NPM으로 iOS-sim 설치하기

PhoneGap은 PhoneGap 개발 Framework으로 PhoneGap에 하이브리드 앱 소스 코드를 각각 해당하는 디바이스로 빌드를 하고 실행을 할 수 있다.  

PhoneGap이 iOS에 동작하는 앱으로 만들어서 테스트 진행하기 위해서는 iOS simulator를 작동해야 하는데,  

ios-sim은 Node.js로 iOS simulator 를 실행 할 수 있는 모듈이 포함이 되어 있다.

만약 ios-sim을 설치하지 않고, PhoneGap으로 빌드하고 실행하면 다음과 같은 에러가 발생한다.

1. ios-deploy 에러 

$phonegap run iOS

[phonegap] detecting iOS SDK environment...

[phonegap] using the local environment

[phonegap] compiling iOS...

Build settings from command line:

    ARCHS = i386

    CONFIGURATION_BUILD_DIR = /Users/UserName/Documents/Phone/my-app/platforms/ios/build/emulator

    SDKROOT = iphonesimulator8.0

    VALID_ARCHS = i386

...

** BUILD SUCCEEDED **

[phonegap] successfully compiled iOS app

[phonegap] trying to install app onto device

Error: ios-deploy was not found. Please download, build and install version 1.0.4 or greater from https://github.com/phonegap/ios-deploy into your path. Or 'npm install -g ios-deploy' using node.js: http://nodejs.org/

$ 

2. ios-sim 에러 

$phonegap run iOS

[phonegap] successfully compiled iOS app

[phonegap] trying to install app onto device

No device is connected, trying Simulator.

Error: ios-sim was not found. Please download, build and install version 1.7 or greater from https://github.com/phonegap/ios-sim into your path. Or 'npm install -g ios-sim' using node.js: http://nodejs.org/

$

4.1 ios-deploy 설치하기

$sudo npm install -g ios-deploy

4.2 ios-sim 설치하기

$sudo npm install -g ios-sim

5. PhoneGap의 HelloWolrd 실행하기( http://phonegap.com/install/ )

$ phonegap create my-app
$ cd my-app
$ phonegap run ios

PhoneGap simulator로 실행된 화면

참고 자료: [PhoneGap 하이브리드 앱 개발] #1. PhoneGap과 Node.js로 하이브리드 앱 개발환경 구축하기