Android搭建Cordova环境初体验

Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑定去访问每个设备的功能,比如说:传感器、数据、网络状态等。

插件是Cordova生态系统的重要组成部分。他提供了Cordova和原生组件相互通信的接口并绑定到了标准的设备API上。这使你能够通过JavaScript调用原生代码.

Apache Cordova项目维护着一组插件叫做核心插件。这些核心插件可以让你的应用程序访问设备功能,比如:电源,相机,联系人等。

除了核心插件,这里还有一些第三方插件他们提供了一些附加功能,但这些功能不一定在每个平台都能用。你可以搜索Cordova插件使用[插件搜索]或者[npm]。你也可以开发自己的插件,像 [插件开发指南]描述的那样。插件是必要的,例如Cordova和自定义原生组件之间通信。

注意:当你创建一个Cordova项目它不存在任何插件。这是新的默认行为。任何你需要的组件,哪怕是核心组件,你也必须明确添加。

Cordova不提供任何UI部件和MV框架。Cordova只提供运行环境。如果你想使用UI部件或者MV框架,你需要选择他们并包含在你的应用程序中。
Cordova提供两个基本的工作流用来创建移动App。虽然你经常使用两种不同工作流完成同样的任务,但是他们之间是有各自优势的:

跨平台(CLI)的工作流 :如果你想你的App运行在尽可能多的移动操作系统,那么就使用这个工作流,你只需要很少的特定平台开发。 这个工作流围绕这'cordova'CLI(命令行)。CLI是一个高级别的工具,他允许一次构建多个平台的项目,抽象了很多功能性的低级别shell脚本。CLI把公用的web资源复制到每个移动平台的子目录,根据每个平台做必要的配置变化,运行构建脚本生成2进制文件。CLI统一也提供通用接口,将插件应用在app中。如果要入门可以按照 [创建你的第一个App]指南中的步骤来 。除非你有一个以平台为中心的工作流,否则建议你使用跨平台工作流。

平台为中心的工作流:如果你专注于构建单独平台的App或者需要需要在底层修改它那么就使用这个工作流吧。你需要使用这种方法,如果你需要你的App混合原生组件和基于Web的Cordova组件, 正如 嵌入WebView讨论的。作为一个经验法则,如果你需要修改SDK中的项目那么使用这个工作流。 这个工作流依靠一组低级别的shell脚本,他们是给每个支持平台量身定做的,还有一个单独的Plugman工具允许你添加插件。 虽然你可以使用这个工作流构建跨平台应用,但通常这是非常困难的,因为缺乏高基本的工具,意思就是是单独的构建生命周期并且插件修改需要对每一个平台进行。

当你第一次开始,跨平台工作流创建App可能是最容易的,像[创建你的第一个App]中描述的那样。然后,你可以切换到以平台为中心的工作流,如果你需要更好的控制SDK提供的功能。

一. 安装Cordova CLI (一至四步骤 来自 Cordova 中文文档:http://cordova.axuer.com/docs/zh-cn/latest/)

Cordova命令行工具作为npm包分发。

安装cordova命令行工具,通过下面这些步骤:

  1. 下载和安装Node.js。安装完成后你可以在命令行中使用nodenpm

  2. (可选)下载和安装git client, 如果你没有。安装成功后,你可以在命令行中使用git。 这个命令行使用下载git仓库中的资源。

  3. 安装cordova 模块使用Nodejs的npm工具。cordova模块会被npm工具自动下载。

  • 在OS X和Linux上:

       $ sudo npm install -g cordova
    
    

    在OS X和Linux上, npm命令加上前缀sudo因为cordova可能需要安装在其他的受限制目录比如 /usr/local/share。如果你使用可选工具nvm/nave或者具有安装目录的写权限,那么你可以省略sudo前缀。这里有更多提示 可用在使用 npm 没有 sudo前缀时,如果你想那么做。

  • 在Windows上:

       C:\>npm install -g cordova
    
    

-g标志是告诉 npm 我们全局安装 cordova。否则我们将会安装在当前工作目录的 node_modules子目录。

二. 创建App。’

跳转到你维护源代码的目录中(工程目录),并创建你的cordova项目:

$ cordova create hello com.example.hello HelloWorld

这将会为你的cordova应用创造必须的目录。默认情况下,cordova create命令生成基于web的应用程序的骨骼,项目的主页是 www/index.html 文件。

三. 添加平台

所有后续命令都需要在项目目录或者项目目录的任何子目录运行:

$ cd hello

给你的App添加目标平台。我们将会添加'ios'和'android'平台,并确保他们保存在了config.xml中:

$ cordova platform add ios --save
$ cordova platform add android --save

检查你当前平台设置状况:

$ cordova platform ls

运行add或者remove平台的命令将会影响项目 platforms的内容,在这个目录中每个指定平台都有一个子目录。

注意:在你使用CLI创建应用的时候, 不要 修改/platforms/目录中的任何文件。当准备构建应用或者重新安装插件时这个目录通常会被重写。

四. 构建App

默认情况下, cordova create生产基于web应用程序的骨架,项目开始页面位于www/index.html 文件。任何初始化任务应该在www/js/index.js文件中的deviceready事件的事件处理函数中。

运行下面命令为所有添加的平台构建:

$ cordova build

你可以在每次构建中选择限制平台范围 - 这个例子中是'android':

$ cordova build android

五. 坑
完成这些的先决条件:Android studio 对应版本构建一个app成功。再使用cordova 创建Android工程。创建完成导入Android studio 即可使用 Android studio 构建测试。不然坑多多。。。。

六. 插件使用 参考 https://blog.csdn.net/qq_23179075/article/details/77104276

其他环境搭建无难点。

你可能感兴趣的:(Android搭建Cordova环境初体验)