Cordova 開發記錄(Windows 環境)

一、Cordova 定義

Cordova 是使用 HTML,CSS 和 JavaScript 構建的混合移動應用程序平臺。

官方定義: “Apache Cordova是一個開源移動開發框架,它允許您使用標準的Web技術,如HTML5,CSS3和JavaScript進行跨平臺開發,避免每個移動平臺本機開發語言。應用程序在針對每個平臺的包裝內執行,並依靠符合標準的API綁定來訪問每個設備的傳感器,數據和網絡狀態。"

Cordova 開發有兩種模式:

  • 一種是單純 Cordova 開發,不依賴原生平臺;
  • 一種是原生平臺混合 Cordova 開發;

本文只記錄單純 Cordova 開發的開發步驟。

二、Cordova 開發環境配置
1. NodeJS 環境配置

NodeJS Downloads

2. 平臺環境配置

iOS Platform Guide(官方)
iOS 環境配置
Android Platform Guide(官方)
Android 環境配置

3. git 安裝

git Downloads
Windows 安裝包下載
git 安裝

4. Cordova 安裝

在 Windows 命令提示符中輸入如下命令進行安裝:

 C:\>npm install -g cordova

查看版本號:

C:\>cordova -v
三、Cordova 項目
1. 創建應用程序

打開 Windows 命令提示符窗口,在目標應用程序目錄下輸入:

D:\Program File\WebApp\project>cordova create MyProject com.cordova.hello HelloWorld

其中有三個名稱要關注:

  • MyProject 是所創建應用程序的目錄名稱
  • com.cordova.hello 是反向域名,項目的 id
  • HelloWorld 是所要創建應用的主題,項目的 name
2. 添加平臺

打開 Windows 命令提示符窗口,在項目目錄下添加平臺:

D:\Program File\WebApp\project\MyProject>cordova platform add android

在項目目錄下刪除平臺:

D:\Program File\WebApp\project\MyProject>cordova platform rm android

查看添加的平臺:

D:\Program File\WebApp\project\MyProject>cordova platform ls
3. 構建和運行

構建之前檢查各平臺的環境要求:

D:\Program File\WebApp\project\MyProject>cordova requirements

平臺環境沒有問題,就可以進行構建對應的平臺項目:

D:\Program File\WebApp\project\MyProject>cordova build android

使用默認模擬器,運行應用程序:

D:\Program File\WebApp\project\MyProject>cordova emulate android

使用外部模擬器或真實設備,運行應用程序:

D:\Program File\WebApp\project\MyProject>cordova run android

查看可用於運行此程序的所有連接設備和可用模擬器:

D:\Program File\WebApp\project\MyProject>cordova run android --list
4. 調試
  • 編輯 www 文件夾中的代碼
  • 構建命令 cordova build
  • 運行命令 cordova run
5. config.xml 配置文件

在創建應用程序時,config.xml 配置文件同時被創建,下表列出了其中的元素及描述:

元 素 描 述
widget 反向域名
name 應用程序名稱
description 應用程序描述
author 作者
content 起始頁
plugin 已安裝插件
access 控制對外部域的訪問,默認*爲不受限
allow-intent 可以訪問到的域名
platform 構建應用程序的平臺
四、Cordova 更新
1. Cordova 工具升級

打開 Windows 命令提示符窗口,升級 Cordova :

C:\>npm update -g cordova

查看版本號:

C:\>cordova -v

查看最新的 Cordova 版本:

C:\>npm info cordova version
2. 平臺更新

打開 Windows 命令提示符窗口,更新指定平臺配置:

C:\>cordova platform update android --save
C:\>cordova platform update ios --save
參考鏈接

CORDOVA 官網
W3Cschool Cordova 教程
Cordova開發指南

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章