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

在上一個(gè)教程中，我們向您展示了如何安裝Cordova并設(shè)置環(huán)境。一旦一切準(zhǔn)備就緒，我們可以創(chuàng)建我們的第一個(gè)混合Cordova應(yīng)用程序。

步驟1 - 創(chuàng)建應(yīng)用程序

在命令提示符下打開要在其中安裝應(yīng)用程序的目錄。我們將在桌面上創(chuàng)建它。

C:\Users\username\Desktop>cordova create CordovaProject io.cordova.hellocordova CordovaApp

• CordovaProject 是創(chuàng)建應(yīng)用程序的目錄名稱。

• io.cordova.hellocordova 是默認(rèn)的反向域值。 如果可能，您應(yīng)該使用您自己的域值。

• 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，因此我們只會(huì)為本教程安裝Android平臺(tái)。

C:\Users\username\Desktop\CordovaProject>cordova platform add android

還有其他平臺(tái)可以在Windows操作系統(tǒng)上使用。

C:\Users\username\Desktop\CordovaProject>cordova platform add wp8

C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireos

C:\Users\username\Desktop\CordovaProject>cordova platform add windows

C:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10

C:\Users\username\Desktop\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)使用 -

C:\Users\username\Desktop\CordovaProject>cordova platform rm android

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

在這一步，我們正在為指定的平臺(tái)構(gòu)建應(yīng)用程序，所以我們可以在移動(dòng)設(shè)備或模擬器上運(yùn)行它。

C:\Users\username\Desktop\CordovaProject>cordova build android

現(xiàn)在我們可以運(yùn)行我們的應(yīng)用程序。 如果你使用默認(rèn)模擬器，你應(yīng)該使用 -

C:\Users\username\Desktop\CordovaProject>cordova emulate android

如果你想使用外部模擬器或真實(shí)設(shè)備，你應(yīng)該使用 -

C:\Users\username\Desktop\CordovaProject>cordova run android

注意 - 我們將使用genymotion android模擬器，因?yàn)樗饶J(rèn)的更快，更靈敏。 您可以在此處找到它。 您也可以使用實(shí)際設(shè)備進(jìn)行測試，方法是從選項(xiàng)中啟用 USB調(diào)試，然后通過USB電纜將其連接到計(jì)算機(jī)。對于某些設(shè)備，您還需要為特定設(shè)備安裝USB驅(qū)動(dòng)程序。

一旦我們運(yùn)行應(yīng)用程序，它將安裝在我們指定的平臺(tái)上。如果一切都完成沒有錯(cuò)誤，輸出應(yīng)該顯示應(yīng)用程序的默認(rèn)開始屏幕。

在下一個(gè)教程中，我們將向您展示如何配置Cordova應(yīng)用程序。