Ionic + cordova 構建 webapp 項目

來源:互聯網
上載者:User

開發環境是Windows,ubuntu + mac同理,測試平台為android,ios同理。

1.安裝node.js

https://nodejs.org/dist/v4.4.5/
http://nodejs.org/download/

2.設定npm鏡像

npm config set registry https://registry.npm.taobao.org

3.安裝 cordova+ionic

npm install -g cordova ionic
npm update -g cordova ionic //更新

4.建立APP項目

ionic start myapp [template]
template:blank(空項目)、tabs(帶導航條)、sidemenu(帶側滑菜單)
ionic platform add android
ionic build android
ionic platform add ios
ionic build ios
ionic run android //串連資料線直接測試

安卓打包環境配置:

1.JDK安裝配置

   下載地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html
    安裝的時候,jdk、jre裝在同級目錄下。
    配置環境變數,在系統變數中建立 JAVA_HOME,值為jdk的安裝目錄 D:\Program Files\Java\jdk1.8.0_91。在PATH中添加 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 。系統變數中建立 CLASSPATH,值為 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar。
    java -version

2.Android SDK

    下載地址:http://developer.android.com/sdk/index.html 或 http://www.android-studio.org/
    安裝完成後配置環境變數,在系統變數中建立 ANDROID_HOME,值為安裝目錄 D:\Program Files\Android\android-sdk 。在PATH中添加 D:\Program Files\Android\android-sdk;%ANDROID_HOME%\tools; 。
    android -h

這時候SDK安裝工具算是好了,然後就可以從SDK Manager中管理安裝需要的SDK版本和GOOGLE API版本和文檔了。這裡主要看你安裝的ionic對應的android版本,在你的ionic項目目錄的platforms\android\project.properties檔案中可以找到target=android-23。這裡標識了項目所用的API版本,後面的數字剛好對應你在SDK Manager中看到的那些API後面的數字。

問題:

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.