安装CLI
- 首先需要安装
nodejs
和npm
。 - 使用
npm
安装cordova
。在windows上不需要sudo
sudo npm install -g cordova
创建第一个App
cordova create apppath com.example.hello AppClassName
template
可以使用--template
选项来从template
创建新APP1。例如cordova create rizi com.mickir.app.rizi RiZi --template cordova-template-framework7-vue-webpack
。
文件结构
myapp/
|-- config.xml
|-- hooks/
|-- merges/
| | |-- android/
| | |-- windows/
| | |-- ios/
|-- www/
|-- platforms/
| |-- android/
| |-- windows/
| |-- ios/
|-- plugins/
|--cordova-plugin-camera/
www
文件夹包含项目文件,包括index.html
js/index.js
等等,但是使用cordova-template-framework7-vue-webpack
以后,www
目录会自动从src
目录生成。
添加平台
创建新app后,进入app目录,可以通过cordova
工具添加新平台,例如:
cordova platform add ios
cordova platform add android
cordova platform add browser
# ...
cordova platform ls
在添加完新平台后,可以测试平台支持。例如:
$ 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
- Arch linux 安装android sdk,注意android gradle.build需要进行修改,
patch -p0 < android.patch
2。 - iOS配置要求
- Windows配置要求
APP构建
cordova build
即可为所有平台执行构建。
Option | Description |
---|---|
<platform> [..] |
构建目标平台,未指定时为所有平台构建 |
--debug | Debug构建 |
--release | Release构建 |
--device | Build it for a device |
--emulator | Build it for an emulator. |
–buildConfig=<configFile> |
默认使用根目录的build.json |
--browserify | Compile plugin JS at build time using browserify instead of runtime |
<platformOpts> |
To provide platform specific options, you must include them after-- separator. Review platform guide docs for more details. |
APP测试
使用虚拟机测试
cordova emulate android
使用真机测试
cordova run android
在网页上测试 - 推荐!
cordova run browser
添加插件
插件列表,包括存储、拍照等等插件。
cordova plugin add cordova-plugin-camera