在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ Cordova第一個(gè)應(yīng)用
Cordova國(guó)際化
Cordova設(shè)備信息
Cordova教程
Cordova照相機(jī)
Cordova事件
Cordova config.xml文件
Cordova聯(lián)系人
Cordova文件系統(tǒng)
Cordova Plugman
Cordova第一個(gè)應(yīng)用
Cordova存儲(chǔ)
Cordova文件傳輸
Cordova網(wǎng)絡(luò)信息
Cordova振動(dòng)
Cordova對(duì)話框
Cordova加速度傳感器
Cordova白名單
Cordova地理位置
Cordova設(shè)備方向
Cordova InAppBrowser打開Web瀏覽器
Cordova多媒體
Cordova開機(jī)畫面
Cordova環(huán)境安裝設(shè)置
Cordova視頻錄制
Cordova后退按鈕
Cordova電池狀態(tài)

Cordova第一個(gè)應(yīng)用

在上一個(gè)教程中,我們學(xué)習(xí)了如何安裝Cordova 并設(shè)置了環(huán)境。在這一個(gè)節(jié)中我們創(chuàng)建第一個(gè)混合Cordova應(yīng)用程序。

第1步 - 創(chuàng)建App

在命令提示符下打開要安裝應(yīng)用程序的目錄。我們將在桌面上創(chuàng)建它。
D:\worksp\cordova>cordova create CordovaProject io.cordova.hellocordova CordovaApp
  • CordovaProject 是創(chuàng)建應(yīng)用程序的目錄名。

  • io.cordova.hellocordova 是默認(rèn)的反向域名值(類似Java包的命名)。如果可能使用自己的域名的值。

  • CordovaApp 是應(yīng)用程序的標(biāo)題。

第2步 - 添加平臺(tái)

你需要在命令提示符下,打開您的項(xiàng)目目錄。在我們的例子是CordovaProject。您應(yīng)該只選擇您需要的平臺(tái)。為了能夠使用指定的平臺(tái),你需要安裝特定的平臺(tái)SDK。由于我們使用的是Windows開發(fā),我們可以使用下面的平臺(tái)。我們還安裝了Android SDK中,所以我們將只針對(duì)安裝Android平臺(tái)來講解本教程。

D:\worksp\cordova\CordovaProject> cordova platform add android
有時(shí)候也可以在Windows操作系統(tǒng)中使用其他平臺(tái)。
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add wp8
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add amazon-fireos
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add windows
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add blackberry10
D:\worksp\cordova\CordovaProject\CordovaProject>cordova platform add firefoxos 

如果您在Mac上開發(fā),可以使用 ?

$ cordova platform add IOS
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos 

您也可以從項(xiàng)目中刪除使用的平臺(tái) ?

D:\worksp\cordova\CordovaProject>cordova platform rm android

第3步 - 構(gòu)建和運(yùn)行

在這一步中,我們正在為應(yīng)用程序指定平臺(tái),所以我們可以在移動(dòng)設(shè)備或模擬器中運(yùn)行它。
D:\worksp\cordova\CordovaProject> cordova build android
執(zhí)行上面的命令后,它會(huì)自動(dòng)下載相關(guān)依賴包,需要等一段時(shí)間(根據(jù)你的網(wǎng)絡(luò)帶寬決定時(shí)間)。注:每次修改HMTL代碼最好重新構(gòu)建過代碼。

現(xiàn)在我們可以運(yùn)行應(yīng)用程序。如果使用的是默認(rèn)的模擬器,應(yīng)該使用 -
D:\worksp\cordova\CordovaProject> cordova emulate android

如上提示,需要更新模擬器到最新的 android-23 版本,在 Android Studio 中配置并更新對(duì)應(yīng)的 SDK 版本后再次執(zhí)行,它將啟動(dòng)模擬器(比較慢,需要點(diǎn)耐心)。如下圖:

當(dāng)仿真器啟動(dòng)后,可使用仿真器或真實(shí)設(shè)備應(yīng)調(diào)試使用 -
D:\worksp\cordova\CordovaProject> cordova run android 

注 - 可以考慮使用 genymotion Android 模擬器,因?yàn)樗饶J(rèn)的速度更快,反應(yīng)更迅速。可以從這里下載。也可以通過啟用選項(xiàng)從USB調(diào)試,并通過USB連接線將其連接到您的電腦使用真實(shí)的設(shè)備進(jìn)行測(cè)試。 對(duì)于某些特定設(shè)備還需要安裝USB驅(qū)動(dòng)程序。

打開 Android Studio 導(dǎo)入上面創(chuàng)建成功的工程,運(yùn)行這個(gè)工程,得到結(jié)果如下:

當(dāng)我們運(yùn)行應(yīng)用程序,將在我們指定平臺(tái)上安裝它。如果一切都沒有錯(cuò)誤并執(zhí)行完成后,輸出顯示的默認(rèn)啟動(dòng)應(yīng)用程序的屏幕如下所示。


可能出錯(cuò)信息:
D:\worksp\cordova\CordovaProject>cordova build android
ERROR building one of the platforms: Failed to find 'ANDROID_HOME' environment v
ariable. Try setting setting it manually.
Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to inclu
de path to valid SDK directory.
You may not have the required environment or OS to build this project
Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting i
t manually.
Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to inclu
de path to valid SDK directory.

解決參考:配置環(huán)境變量

ANDROID_HOME=E:\Program Files\adt-bundle-windows-x86_64-20131030\sdk
PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

附上cordova常用命令列表

命令 說明
cordova create <工程路徑> <包名> <工程名> 創(chuàng)建cordova工程,例如:cordova create helloworld_prj "com.yiibai.helloworld" "helloworld"
cordova build android 給cordova項(xiàng)目添加android平臺(tái)。
cordova run android
編譯和運(yùn)行項(xiàng)目。
cordova install android
將編譯好的應(yīng)用程序安裝到模擬器上。
cordova plugin add <插件完全限定名> 給項(xiàng)目添加插件。
cordova plugin remove <插件完全限定名> 刪除插件。
cordova plugin list
查看插件列表。
cordova platforms add android 
添加平臺(tái)支持。
cordova build android
編譯代碼
cordova emulate android
在模擬器上運(yùn)行(前提是創(chuàng)建好AVD)
cordova serve android
在瀏覽器運(yùn)行 
cordova run android
通過USB直接安裝到真機(jī)
在我們接下來的教程中,我們將告訴你如何配置Cordova應(yīng)用。