cordova(什么应用是 cordova开发的)

你是否想了解更多关于cordova和什么应用是 cordova开发的的知识？在本文中，小编将为您详细介绍这两个话题，帮助您更好地理解。

Mac下cordova安装与配置

本篇详细介绍了如何在MAC上安装和配置cordova的过程，希望我们整理的内容能帮助到你。

cordova是大家做混合开发最经常使用的一款使用HTML,CSSJS进行移动App开发多平台共用一套代码，中文官方网站（http://cordova.axuer.com/），号外一下最近好多国外网站被墙的太严重，回归正题，下面介绍一下cordova的安装以及其中的坑。

1.安装环境

Cordova的命令行运行在Node.js上面并且可以通过NPM安装。打开命令提示符或终端，然后键入npm install-g cordova

2.创建一个App

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

3.添加一个平台

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

cd hello

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

cordova platform add ios--save

cordova platform add android--save

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

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

4.构建App

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

cordova build

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

cordova build ios

说一说我遇见的坑吧！！！

这是官网的安装SDK与Android API级别的对应表，必须按照这个表选择对应的安装负责就会报错。

接着就是，Mac下的环境变量的设置，一般Java系统都是自带的，可以不用安装（但是要配置JAVA_HOME）,

然后安装SDK，安装Android Stand-alone SDK或者Android Studio。如果你计划开发一个新的Cordova Android插件或者使用Android平台原生的工具去运行和调试，那么就使用Android Studio吧。否则，Android Stand-alone SDK Tools就足够构建和部署Android应用程序。在安装完Android SDK后,你需要安装任何你希望的目标API级别的SDK包。建议你安装cordova-android(参见上面)支持的最高级别的SDK包。

为了使功能正常使用Cordova的CLI工具需要设置一些环境变量。CLI会尝试为你设置这些变量，但在某些情况下你需要手动设置。下面这些变量需要更新:

设置JAVA_HOME环境变量，指定为JDK安装路径设置ANDROID_HOME环境变量，指定为Android SDK安装路径同时也建议你添加Android SDK的tools和platform-tools目录到你的PATH

在Mac或者Linux上面，你可以使用文本编辑器来创建或者修改文件~/.bash_profile。为了设置一个环境变量，添加一行，使用export像下面这样(用你本地安装路径替代路径):

export ANDROID_HOME=/Development/android-sdk/

为了更新PATH,添加一行类似下面这样(路径替换为你本地的Android SDK安装路径):

export PATH=${PATH}:/Development/android-sdk/platform-tools:/Development/ android-sdk/tools

重新启动终端或者运行下面命令来看变化带来的反应:

source~/.bash_profil

然后需要安装Gradle（android studio可以安装）

基本上就完成了，测试可以使用模拟器（genymotion等），也可以使用真机，希望可以帮助你。

angular使用cordova混合开发

现在我使用angular5开发了一个工程。现在业务需求，希望程序能够以app的形式发布到市场上。为了方便就，直接将现有的程序使用cordova进行封装。

我的操作系统版本是：mac os High Sierra 10.13.1

我安装的androidstudio的版本是：android-studio-ide-171.4443003-mac.dmg

首先安装jdk。

然后在androidstudio里面安装android的sdk。注意cordova支持的版本号。具体查看：

https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html#requirements-and-support

最后在.bash_profile文件里面配置JAVA_HOME。最后效果是

首先安装cordova

然后创建一个工程：

其中hello是工程文件夹的名字，com.example.hello是android需要的id，HelloWorld是应用的名字。

进入这个工程，添加需要平台

检测环境是不是配置对了

在检测cordova需要的环境是不是安装，之后出现这样的提示。

Could not find an installed version of Gradle either in Android Studio,

or on your system to install the gradle wrapper. Please include gradle

in your path, or install Android Studio

这是因为在android studio2.3.1 gradle的位置变了，导致找不到了。

这个时候需要手动安装了。

这样android的环境就配置好了。

将angular工程中所有的文件合并或者拷贝到cordova工程中。合并package.json文件的时候要小心，不要遗漏了什么。

我的package.json文件太长了，就不往上传了。借用一下别人的图片。

使用 ng serve运行一下工程，发现报错：

Cannot read property'config' of null TypeError: Cannot read property'config' of null@angular/cli/tasks/serve.js@angular/cli/commands/serve.js

那是因为angular工程里面的一个隐藏文件.angular-cli没有拷贝到cordova里面去。拷过去之后，再次运行就好了。

在index.html文件里面添加

<script type=”text/javascript” src=”cordova.js”></script>

将index.html里面的base修改成：

<base rel="external nofollow" href=".">

安装插件

cordova plugin add cordova-plugin-device

将.angular-cli.json的outDir属性改为“www”.

"outDir":"www"

打开android模拟器，运行命令

就可以出现步骤二的结果了。

img的src所对应的图片没有加载出来。那是因为cordova把img的src转成：

file:///assets/img/check-box-unchecked.png在android手机里面没有找到这个图片，就报错了。

file:///assets/img/check-box-unchecked.png Failed to load resource: net::ERR_FILE_NOT_FOUND

可以使用插件： cordova-plugin-file来解决问题

https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html

https://medium.com/@nacojohn/convert-your-angular-project-to-mobile-app-using-cordova-f0384a7711a6

https://github.com/henotia/Angular5-Cordova

安装cordova需要什么环境

1、cordova3.0.0的命令行cordoava CLI和phonegap CLI在windows系统上开发android程序的注意事项‘

a首先要根据要求安装最新的android SDK，目前我的版本要求 SDk 17才能顺利进行

b一定要配置好环境变量，把SDK's tools and platform-tools目录配置到你的环境变量中去，

另外还要把ANT也要配置到系统环境变量中去，如

;%JAVA_HOME%\bin;%ANT_HOME%\bin

2、cordovan3.0.0的插件可以用命令行远程从git添加，也可以下载下来从本地用命令行添加，两种方法的命令

是一样的，只需要把最后参数的远程地址改成本地路径即可

3、npm install-g cordova@XXXXX可以指定要安装的cordova版本

4、把老版本的3.0.0以前开发的程序升级到3.0.0的注意事项

a需要新建一个cordova项目

b把seerts里的www文件夹下的东西都复制过去，记住cordova.js文件不要替换，要用新创建的里面的cordova.js不要用旧的程序里的覆盖

c把 src文件下的程序包都复制到新程序的src下面，需要修改所有的引用org.apache.cordova.api成org.apache.cordova，

这是新版本的cordova命名上的变化

d先前程序中的android的访问权限设置需要在新程序中重新进行设置

e把config.xml中添加的插件的格式在新的程序中按照新的格式重新进行整理

什么应用是 cordova开发的

Apache Cordova是一套设备API，允许移动应用的开发者使用JavaScript来访问本地设备的功能，比如摄像头、加速计。它可以与UI框架（如jQuery Mobile或Dojo Mobile或Sencha Touch）等相结合使用，这些UI框架可以使用HTML、CSS和JavaScript开发智能手机应用。

在使用Cordova API时，应用程序的构建可以无需本地代码（如Java或对象C等），使用的是Web技术。

由于这些JavaScript API在多个设备平台上是一致的，而且是基于Web标准创建的，因此应用程序的移植很方便，基本不做什么改变。

使用Cordova的应用使用平台SDK打包成应用程序，可以从每种设备的应用程序商店下载安装。

Cordova提供了一套统一的JavaScript库供调用，它支持iOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada和Symbian。

如果想用Cordova开发移动应用，先看看它的文档。文档中包含了入门指南、JavaScript API参考、例子程序、Cordova升级的事宜、怎样编写自己的Cordova插件等。

Apache Cordova于2012年10月成为Apache的顶级项目，它使用Apache 2.0许可证。当前最新版本为2.5。

cordova和什么应用是 cordova开发的的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！