2016年7月4日 星期一

玩玩 Ionic 產生 app

1. 預先安裝好  JDK 8, Android SDK, nodejs, npm 再安裝 Ionic:

                 sudo npm install -g cordova ionic

2. 設定好環境變數 ANDROID_HOME 指向 Android SDK 目錄, JAVA_HOME指定到 JDK 目錄例如:

      export ANDROID_HOME=/media/mint/mycasper/ndk/android-sdk-linux
      export JAVA_HOME=/isodevice/ndk/jdk1.8.0_92

3. 用 ionic 產生目錄 app, 接著會自動上網下載一些檔案(樣版)到目前所在目錄, 並產生一些路徑, 裏面包含相關檔案, 因此硬碟空間要足夠, 最後會問是否要註冊, 直接回答  n 就好.

                ionic start app

4. 改變路徑到 app 目錄:

                cd app

5. 啟動剛剛建立的 app 並啟動 http service(預設port 是 8100), 然後啟動瀏覽器自動去瀏覽該網頁, 此時會主控台(console) 會進入 ionic 命令模式, 按  q 可以離開. 如果不想瀏覽, 可以省略此步驟:
                ionic serve

6.  接著要產生 android 平台的 app, 需要加入平台, 他也會再度上網抓一些檔案回來,並將檔案放置在 platform 目錄底下:

               ionic platform add android

7. 打包成 apk:

               ionic build android

p.s.常用樣版
1. 使用空白樣版:
           ionic start app blank
2. 使用標籤樣版:
           ionic start app tabs
3. 使用條列式側邊滑動主題樣版:
            ionic start app sidemenu
4. Linux mint 升級 nodejs 成 0.12 版本:
    sudo apt-get install curl
    curl -sL https://deb.nodesource.com/setup_0.12|sudo bash -
  sudo apt-get install -y nodejs

沒有留言: