Cordova

来源:互联网 发布:2017网络暴力的例子 编辑:程序博客网 时间:2024/05/21 14:47

Cordova新手上路


  1. Cordova前身是PhoneGap, Adobe将PhoneGap给Apache后成为开源项目, 改名为Cordova。
  2. Cordova提供了一组设备相关的API, 通过这些API, 移动应用能够用JS代码访问原生的设备功能, 如麦克风、摄像头等。
  3. Cordova 提供了一组统一的JavaScript类库, 和为这些类库所用的设备相关的原生后台代码。
  4. 只要写一套html页面就可以适配各种移动设置。

Cordova开发环境搭建


  1. 首先确保已经安装nodejs。主要是用来下载Cordova。可以在终端运行: npm -v查看。
  2. 安装Cordova。执行命令: sudo npm install -g cordova。(更新命令:sudo npm update cordova -g)。
  3. 测试Cordova是否安装成功。 执行命令: cordova -v (显示版本号则说明安装正确。目前是6.5.0版本)。

创建一个Cordova项目


  1. 随便某路径下创建一个文件夹, cd到该文件夹路径下。
  2. 创建Cordova工程。执行命令: cordova create MyFirstCordova com.example.myFirstCordova MyFirstCordova_Test
    • 第一个参数: MyFirstCordova是工程的文件名。
    • 第二个参数: com.example.myFirstCordova是应用程序的id。
    • 第三个参数: MyFirstCordova_Test 是App显示的名称。
  3. 创建成功后会看到工程目录下有:
    • config.xml: cordova的配置文件。
    • hooks : 存放自定义cordova命令的脚本文件。
    • platforms : 各个平台原生工程代码。
    • plugins : 插件目录(提供各个平台的原生API)。
    • www/index.html : App入口html文件。
  4. 添加iOS平台支持:
    • 进入工程目录 :cd MyFirstCordova
    • 添加iOS平台文件: cordova platform add ios
  5. 最终项目文件如下:
  6. 编译运行。
0 0
原创粉丝点击