跨平臺ionic+cordova環境搭建

跨平臺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。

發佈了67 篇原創文章 · 獲贊 37 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章