Mac과 텍스트 편집기만으로 모바일 앱 만들기(환경 구축)

할 일


  • Mac에서 iOS 및 Android 앱을 개발하는 환경을 만듭니다.
  • IDE에 의존하지 않고, 텍스트 에디터와 커멘드 라인만으로 작성하는 경량인 환경으로 합니다.
  • Titanium을 이용하여 JavaScript로 빌드할 수 있습니다.

  • 필요한 것



    xcode와 node.js와 virtualBox와 java가 필요합니다.
    또한 Home Brew와 Brew Cask를 사용하여 설치하기 때문에
    이것들을 과거 게시물 를 참고로 설정해 주세요.

    Titanium 계정 등록



    Titanium 가입 에서 계정 등록

    Android SDK 설치



    iOS 앱만으로도 좋은 사람은 이 블록을 날려 OK입니다.
    Titanium에서 멀티 플랫폼하는 것은 이바라키의 길입니다.

    Android SDK Manager 설치



    여기를 참고했습니다.

    brew에서 설치할 수 있습니다. 간단.
    김에 ant도 설치
    brew install android-sdk
    brew install ant
    

    다음으로 ANDROID_HOME 지정
    echo 'export ANDROID_HOME=/usr/local/Cellar/android-sdk/' >> ~/.bashrc
    source ~/.bashrc
    

    Android SDK 설치


    android
    

    Android SDK Manager가 시작되기 때문에
    다음 느낌으로 선택

  • 아래쪽에 있는 「Obsolete」를 체크
  • 현재 Build Tools 22.0.1은 titanium이 지원되지 않았기 때문에

  • Android SDK Tools는 설치되어 있어야합니다
  • Android SDL Platform-tools에 확인
  • Android SDK Build-tools에서 21.1.2만 확인
  • 안드로이드 2.3.x (API10)에 체크 (어쩐지 필요하다, 혹시 필요하지 않을지도)
  • 좋아하는 안드로이드 버전을 선택 (이번에는 안드로이드 5.0.1 (API21))
  • Extras/Android Suport Library에 확인
  • Extras/Intel x86 Emu... 확인



  • 선택할 수 있으면 "Install xx packages"에서 설치. 기장에 기다린다.

    Geny motion 설치



    Android SDK의 에뮬레이터가 너무 느리기 때문에.
    GenyMotion을 사용합니다.

    가입



    GenyMotion에서 계정을 등록하십시오.
    GenyMotion 가상 머신을 다운로드하려면
    계정이 필요합니다.

    설치


    brew cask install genymotion
    

    설치가 완료되면 GenyMotion을 시작합니다.



    듣기 때문에 예



    Sign in을 선택하고 ID/PASS를 입력합니다.

    성공하면 가상 머신 목록이 표시되므로
    좋아하는 것을 선택
    이번에는 다음을 선택


    그런 다음 Virtual device name 입력
    여기서 지정하는 이름은 빌드시 매개 변수에 필요하기 때문에
    간결한 이름으로 변경하는 것이 좋습니다.


    titanium 설정



    설치



    node.js를 사용하여 설치
    npm install -g titanium
    npm install -g alloy
    

    초기 설정



    titanium 계정 입력
    titanium login
    > Username titaniumにサインアップしたid
    > Password titaniumにサインアップしたパスワード
    > Logged in successfully
    

    titanium SDK 설치


    ti sdk install -b master -d
    

    titanium setup


    titanium setup quick
    

    여러가지 듣기 때문에 다음과 같이.
    What do you want as your "author" name?
    > 名前を入力
    What is your email address used for logging into the Appcelerator Network?
    > titaniumに登録したメールアドレス
    
    What would you like as your default locale?
    > そのままenter
    
    Enter # or SDK name [4.1.0.v20150323133457]:
    > そのままenter
    
    Path to your workspace where your projects should be created:
    > projectを作成するパスを入力
    
    Do you plan to build your app for Android? (yes|no) [yes]:
    > そのままenter
    
    Path to the Android SDK
    > /usr/local/opt/android-sdk/
    
    

    설정이 끝나면 메인 메뉴가 표시되므로
    2) check Check Environment
    선택

    어쩐지 안드로이드 SDK가 인식되지 않습니다 ...
    일단 10) exit로 종료 후,
    ti setup
    

    에서 Main Men을 다시 열고 다시 체크하면
    인식됨

    마지막으로 GenyMotion을 titanium으로 설정합니다.
    ti config genymotion.enabled true
    

    샘플 프로젝트 만들기



    프로젝트 만들기


    ti create -p android,ios -n hellotitanium --id com.example.hello -d
    
    > Select a type by number or name [app]:
    そのままenter
    
    > Your company/personal URL:
    適当に入力
    
    > Directory to place project [/Users/<ユーザ名>/Documents/titanium_project]:
    そのままenter
    
    cd /Users/<ユーザ名>/Documents/titanium_project/hellotitanium
    
    

    alloy 사용



    Alloy는 titanium의 MVC 프레임 워크입니다.
    이번에는 Alloy를 사용해보십시오.
    프로젝트 폴더 아래에서 다음 명령을 실행
    alloy new
    alloy generate controller hello
    

    프로젝트 실행



    iOS 시뮬레이터에서 실행


    ti build -p iphone
    

    이제 iOS 시뮬레이터가 시작됩니다.
    끝나면 control + c

    Android 시뮬레이터에서 실행



    먼저 GenyMotion을 열고 가상 시스템을 시작합니다. 그런 다음 다음 명령
    ti build -p android -b && adb install -r build/android/bin/hellotitanium.apk
    

    GenyMotion의 애플리케이션 목록
    hellotitanium이 표시되므로 실행

    좋은 웹페이지 즐겨찾기