跨平臺APP:ionic+cordova搭建
一,搭建過程之前,用戶需要安裝java jdk,gradle,git。之前博客有寫這些環境的搭建過程。
二,安裝node.js:下載node-v6.11.3-x64,直接安裝即可:
三,安裝ionic、cordova:
用管理員賬戶運行命令行,分別運行(選擇阿里的鏡像快很多):
npm install -g cordova --registry https://registry.npm.taobao.org
npm install -g ionic --registry https://registry.npm.taobao.org
分別運行ionic -v 和cordova -v 判斷是否安裝成功,出現版本號則成功。
四,安裝express:
npm install -g express-generator
註釋:npm install -g express-generator 是說全局安裝express4以上的版本;express -e 是說創建一個以ejs模板的項目 e是說ejs。
到此環境基本搭完。
五,配置adt-bundle-windows:
1,將 Android SDK 的 tools 和 platform-tools 路徑添加至“Path變量值”末尾並保存,如:D:\wjanzhuang\android-sdk-windows\platform-tools;D:\wjanzhuang\android-sdk-windows\tools。輸入“android”命令,能打開 Android SDK Manager 窗口說明安裝成功。
2,如用真實Android 設備來開發,只需選擇 Android SDK Tools、Android SDK Platform-tools、Android SDK Build-tools、Android Support Repository、Google USB Driver,以及Android API 19-24 的 SDK Platform。
六,創建App安裝包
ionic start myapp tabs 新建移動APP項目
ionic platform add android 增加聲明一個android應用,也可以根據android最低版本號新建apk,如:
ionic add platform android @4.1.1 表示目標版本是android4.1.1
ionic cordova build --release android 生成apk包
編譯成功之後,在項目路徑的\platforms\android\build\outputs\apk
七,android生成簽名文件
1、執行命令:keytool -genkey -v -keystore demo.keystore -alias moon -keyalg RSA -keysize 2048 -validity 10000,輸入的密碼要 記住,其他姓名地區等信息隨便填吧,最好還是記住,成功之後在主目錄下就生成了demo.keystore文件,命令中demo.keystore是生成文件的名字,moon 是別名,隨便起但是要記住,一會簽名要用到,其他信息如加密、有效日期等就不說了,無需改動。
2、簽名應用文件
把在第二步生成的test.apk拷貝到與生成的keystore同一目錄下,也就是項目的主目錄下,執行命令:jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore demo.keystore test.apk moon,輸入簽名文件的密碼,成功之後主目錄下的test.apk就被簽名成功了,會比原來未被簽名的apk文件大一點,能夠安裝到手機或android虛擬機上了。
八,跨平臺前端開發原則
1,一個應用盡量使用單頁面(使用css和js加載),避免頁面切換造成性能下降。
2,大小單位儘量是用rem。