Cordova快速開始(安卓篇)

xcm發表於2018-06-08
安卓

Android平臺指南(可以最開始先做)

1.安裝Java開發工具包(JDK)

Windows x86 Java SE開發工具包8u172下載地址

Windows x64 Java SE開發工具包8u172下載地址

java jdk環境變數配置地址

2.安裝Android SDK

下載地址 下載完畢以後是個zip包，直接解壓至某個盤(我的是E盤)。

配置環境變數

（1）“使用者變數”>"新建"，變數名中填寫“ANDROID_HOME”,變數值填寫“E:\android-sdk-windows”，以你安裝目錄為準,確認裡面有tools和add-ons等多個資料夾），點選確認。
在使用者變數PATH後面加上變數值;%ANDROID_HOME%\platform-tools;點選確認即可。 
（2）在系統變數path中新增E:\android-sdk-windows\tools點選確認即可。 
（3）Android SDK配置完成，接下來驗證配置是否成功。
（4）點選執行——輸入cmd——回車——輸入adb——回車，如果出現一堆英文，即表示配置成功，在輸入Android，啟動Android SDK Manager。

如果輸入adb，回車後沒出現一堆英文表示不成功就把E:\android-sdk-windows\platform-tools目錄下的adb.exe複製到E:\android-sdk-windows\tools下面

複製程式碼

啟動Android SDK Manager(路徑：E:\android-sdk-windows\SDK Manager.exe)，下載安卓執行環境需要的資源。 如果執行中SDK Manager.exe閃退，重新吧android-sdk-windows的zip包解壓覆蓋到android-sdk-windows中。

3.安裝Android Studio

Windows版本 下載地址

Android Studio軟體安裝

Android Studio 自帶的AVD模擬器安裝教程

安裝Cordova CLI

Cordova命令列工具作為npm包分發。

安裝cordova命令列工具，通過下面這些步驟:

  1. 下載和安裝Node.js。安裝完成後你可以在命令列中使用node 和 npm 。

  2. (可選)下載和安裝git client, 如果你沒有。安裝成功後，你可以在命令列中使用git。 這個命令列使用下載git倉庫中的資源。

  3. 安裝cordova 模組使用Nodejs的npm工具。cordova模組會被npm工具自動下載。

  • 在Windows上:
C:\>npm install -g cordova
複製程式碼

-g標誌是告訴 npm 我們全域性安裝 cordova。否則我們將會安裝在當前工作目錄的 node_modules子目錄。

安裝完成後，你應該能夠在命令列中執行cordova命令，在沒有任何引數的時候會列印一些幫助資訊。

建立App

跳轉到你維護原始碼的目錄中，並建立你的cordova專案：

$ cordova create hello com.example.hello HelloWorld
複製程式碼

這將會為你的cordova應用創造必須的目錄。預設情況下，cordova create命令生成基於web的應用程式的骨骼，專案的主頁是 www/index.html 檔案。

新增平臺

所有後續命令都需要在專案目錄或者專案目錄的任何子目錄執行:

 $ cd hello
複製程式碼

給你的App新增目標平臺。我們將會新增'ios'和'android'平臺，並確保他們儲存在了config.xml中:

 $ cordova platform add ios --save
 $ cordova platform add android --save
複製程式碼

檢查你當前平臺設定狀況:

$ cordova platform ls
複製程式碼

執行add或者remove平臺的命令將會影響專案 platforms的內容，在這個目錄中每個指定平臺都有一個子目錄。

注意:在你使用CLI建立應用的時候， 不要 修改/platforms/目錄中的任何檔案。當準備構建應用或者重新安裝外掛時這個目錄通常會被重寫。

安裝構建先決條件

要構建和執行App，你需要安裝每個你需要平臺的SDK。另外，當你使用瀏覽器開發你可以新增 browser平臺，它不需要任何平臺SDK。

檢測你是否滿足構建平臺的要求（不滿足要求的需要去解決）:

$ cordova requirements
Requirements check results for android:
Java JDK: installed .
Android SDK: installed
Android target: installed android-19,android-21,android-22,android-23,Google Inc.:Google APIs:19,Google Inc.:Google APIs (x86 System Image):19,Google Inc.:Google APIs:23
Gradle: installed

Requirements check results for ios:
Apple OS X: not installed
Cordova tooling for iOS requires Apple OS X
Error: Some of requirements check failed
複製程式碼

構建App

預設情況下, cordova create生產基於web應用程式的骨架，專案開始頁面位於www/index.html 檔案。任何初始化任務應該在www/js/index.js檔案中的deviceready事件的事件處理函式中。

你可以在每次構建中選擇限制平臺範圍 - 這個例子中是'android':

$ cordova build android
複製程式碼

執行下面命令為所有新增的平臺構建:

$ cordova build
複製程式碼

測試App

移動平臺的SDK通常會繫結模擬器，它是一個可執行的裝置映象，這樣你就可以在主螢幕啟動你的App，看看它在多個平臺是如何互動的。 在命令列執行下面的命令，會重新構建App並可以在特定平臺的模擬器上檢視:

$ cordova emulate android
複製程式碼

每次修改程式碼需要看效果需要在控制檯重新執行命令cordova emulate android

或者，你可以將你的手機插入電腦，在手機上直接測試App:

$ cordova run android

複製程式碼

相關文章