一、安裝
1.安裝node.js
3.安裝ionic & cordova:
命令行輸入:npm install –g cordova ionic
注:-g表示全局安裝,也可以進入指定的目錄安裝,但這里推薦全局安裝,安裝后的目錄為C:/users/Administrator/AppData/Roaming/npm/node_modules
4.安裝Java JDK
5.安裝Apache Ant
6.安裝Android SDK(從這里開始后面基本以android為例,ios類似)
7.設置環境變量:
①打開計算機->系統屬性->高級系統設置->環境變量
②在系統變量中新建ANDROID_HOME變量,變量值為sdk所在目錄
③新建CLASSPATH變量,變量值為.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
④新建JAVA_HOME變量,變量值為jdk所在目錄
⑤編輯系統變量中的path變量,不要刪原來的變量值,在原值后面添加 ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\build-tools;%ANDROID_HOME%\platform-tools
注:這里是添加了jdk\bin、jdk\jre\bin、sdk\tools 、sdk\build-tools、sdk\platform-tools的路徑,互相以英文分號隔開
8.創建項目:
命令行cd進入任何你喜歡的目錄,ionic start 項目所在文件夾名稱 ionic示例(blank 空,tabs 帶選項卡,sidemeun 帶側邊欄),如果一切順利,就會在你指定的目錄新建一個你喜歡的名字的文件夾,並在里面初始化一個ionic項目。
9.添加平台
進入剛才新建的項目的目錄,命令行輸入ionic platform add android(/ios)
二、在項目目錄中有一個www的文件夾,里面的文件有html,js,css等,可隨意編寫,在platform中的www文件最好不要動它。
三、測試項目
1.進入項目目錄,ionic build android(/ios)編譯項目
2.測試項目的方法:
桌面瀏覽器測試法:ionic serve
模擬器測試法:android 需avd創建虛擬機,執行ionic run andriod
ios 直需在xcode中選擇虛擬機,執行ionic run ios
手機測試法:連上數據線,打開開發者選項,執行ionic run android
四、編寫項目
建議使用angularjs + sass 編寫
使用gulp自動化工具編譯,壓縮sass js等
sass安裝依賴ruby 安裝命令 gem install sass 使用參考:http://www.w3cplus.com/sassguide/
gulp安裝全局 npm install -g gulp 使用參考:http://www.gulpjs.com.cn/
運行ionic serve啟動gulp需要在ionic.project中配置
{ "name": "", "app_id": "", "gulpStartupTasks":[ ”task模塊名稱“ ] }
五、發布app,前面的准備就是為了這一步了
1.執行cordova plugin rm cordova-plugin-console,這一步是移除調試插件
2.執行 cordova build --release android,在platforms/android/build/outputs/apk,中會出現***-release-unsigned.apk,最前面取決於取了什么名字。此命令生成的是未添加簽名的apk需自行簽名
3.使用keytool打包私有密鑰:執行keytool -genkey -alias 簽名的文件名稱.keystore -keyalg RSA -validity 20000 -keystore 簽名的別名.keystore
4.給沒有簽名的apk簽名:執行jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore 簽名的文件名稱.keystore 未簽名文件名稱.apk alias_name
5.最后一步,執行zipalign -v 4 已簽名的文件名(未優化).apk 已簽名的文件名(已優化).apk 這一步能夠對打包的應用程序進行優化
六、基本步驟到此結束,可能會出現各種報錯的情況,只能具體問題具體分析了
優秀參考網站: