前言Apache Cordova是一個開源的移動開發框架。允許使用標準的web技術-HTML5,CSS3和JavaScript做跨平臺開發。 應用在每個平臺的具體執行被封裝了起來，并依靠符合標準的API綁定去訪問每個設備的功能，比如說：傳感器、數據、網絡狀態等。

使用Apache Cordova的人群:

1.移動應用開發者，想擴展一個應用的使用平臺，而不通過每個平臺的語言和工具集重新實現。

2.web開發者，想包裝部署自己的web App將其分發到各個應用商店門戶。

3.移動應用開發者，有興趣混合原生應用組建和一個WebView(一個特別的瀏覽器窗口) 可以接觸設備A級PI，或者你想開發一個原生和WebView組件之間的插件接口。

—— 摘自《Cordova官網》

Cordova雖然可以用來開發APP，但cordova并不能把H5代碼變成IOS或者Android的原生代碼。cordova只是將我們的Html文件通過相應的API，顯示在HTML Rendering Engine(即WebView)中，同時

Cordova支持豐富的插件，這些插件提供了Cordova和原生組件相互通信的接口并綁定到了標準的設備API上。這就使開發者可以通過JS去調用原生代碼，比如：照相機、聯系人、熱更新和打開第三方APP應用等。

接下來，本文會一步步的介紹如何使用Cordova開發我們的第一個APP應用(本文主要介紹Android App應用)！

使用Cordova的基本要求

1.首先要會基本的HTML + CSS + JS(否則的話你開發個毛線的app)

2.不需要太高深的Android開發經驗，但起碼的開發流程要了解

3.需要自行搭建Android開發環境：比如SDK

4.需要下載安裝Node(自行百度)

5.需要安裝Cordova(npm install -g cordova)

創建APP# cordova create

cordova create CordovaTest com.zyd.cordova

創建完成后的文件夾目錄結構：

hooks：存放自定義cordova命令的腳本文件。每個project命令都可以定義before和after的Hook，比如：before_build、after_build

platforms：平臺目錄，各自的平臺代碼就放在這里，可以放一下平臺專屬的代碼

plugins：Cordova插件目錄，安裝的插件會放在這里，cordova提供的原生API也是以插件的形式提供的

www：源代碼目錄。在`cordova prepare`的時候會被copy到各個平臺工程的`assets\www`目錄中

config.xml：主要是cordova的一些配置，比如：項目使用了哪些插件、應用圖標icon和啟動頁面

添加Android開發平臺xx\CordovaTest\platforms>cordova platform add android

Using cordova-fetch for cordova-android@~7.0.0

Adding android project...

Creating Cordova project for the Android platform:

Path: platforms\android

Package: com.zyd.cordova

Name: HelloCordova

Activity: MainActivity

Android target: android-26

Subproject Path: CordovaLib

Subproject Path: app

Android project created with cordova-android@7.0.0

Android Studio project detected

Android Studio project detected

Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project

Installing "cordova-plugin-whitelist" for android

This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version

, you do *not* need this plugin since the whitelist will be built in.

Adding cordova-plugin-whitelist to package.json

Saved plugin info for "cordova-plugin-whitelist" to config.xml

--save flag or autosave detected

Saving android@~7.0.0 into config.xml file ...

導入Android Studio

File --> Open --> 選擇platforms-android下的build.gradle，確定

等待IDE自動構建...

構建完成后的目錄結構如下：(我已切換到Android視圖模式，圖中箭頭位置)

目錄內容解釋：

AndroidManifest.xml：Android應用的入口文件，負責配置applaction和activity等

java：Cordova項目默認的啟動類(一般不需要關心，除非涉及到使用原生代碼開發功能)

assets：資源文件(H5應用的html、js、css等文件)，需要注意的是，www中的cordova開頭的文件或文件夾(如果使用到了自定義插件，會有個plugins文件目錄)，切記不可刪除！切記不可刪除！切記不可刪除！

res：app的配置：啟動圖標、應用圖標、應用名稱等。注意：xml中的config.xml是app打包用的配置文件，可配置如：啟動主頁面、權限、白名單等

使用cordova打包APPD:\cordova\CordovaTest\platforms\android>cordova build android

Android Studio project detected

ANDROID_HOME=F:\AndroidSDK

JAVA_HOME=D:\server\Java\jdk1.8\jdk1.8.151

studio

Subproject Path: CordovaLib

Subproject Path: app

Starting a Gradle Daemon, 1 busy and 1 incompatible and 1 stopped Daemons could not be reused, use --status for details

publishNonDefault is deprecated and has no effect anymore. All variants are now published.

The Task.leftShift(Closure) method has been deprecated and is scheduled to be removed in Gradle 5.0. Please use Task.doLast(Action) instead.

at build_dm9mufthcbtehnxb8j3px6xr.run(D:\cordova\CordovaTest\platforms\android\app\build.gradle:143)

:CordovaLib:preBuild UP-TO-DATE

中間省略......

:app:cdvBuildDebug

BUILD SUCCESSFUL in 1m 1s

47 actionable tasks: 47 executed

Built the following apk(s):

D:\cordova\CordovaTest\platforms\android\app\build\outputs\apk\debug\app-debug.apk

提示BUILD SUCCESSFUL則表示打包完成，根據指定路徑，獲取apk后安裝即可。

常用的命令：cordova install android //將編譯好的應用程序安裝到模擬器上。

cordova emulate android //在模擬器上運行(前提是創建好AVD)

cordova serve android //在瀏覽器運行

cordova build android //打包cordova項目到android平臺。

cordova run android //通過USB直接安裝到真機(該語句已經包括了build命令)

使用AndroidStudio打包APP

參考資料

總結

以上是生活随笔為你收集整理的新建android项目导包,Cordova开发App入门（一）创建android项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。