Cordova入门系列（一）创建项目

Cordova是什么？
　　初学Cordova的人，虽然了解一点点，知道Cordova是用来将html, css, js变成app的，但并不知道到底是怎么用的，原理是什么。经常会有这样的困惑：
　　它是一个可以把H5代码变成iOS、安卓等原生代码的东西？
　　它是一个封装了H5浏览器的壳？可以装在iOS、安卓等平台的app，一打开这个APP就会访问我web app的内容？
　　还是一个web前端框架，用户使用手机自带浏览器访问我的web app就可以调用他手机的摄像头和麦克风？

　　1.它不会把你的前端页面变成 ios 原生的 objective-c 或者 android 的 java 代码，你的界面还是以网页形式呈现的，渲染在 Android 的 WebView 或 iOS 的UIWebView 中。
　　2.不太像壳，只是在运行在 WebView 中的 javascript 代码和原生代码之间建了一座沟通的桥梁，通过它可以用js去访问原生应用。
　　3.不是前端框架， bootstrap、angularjs、jqueryUI 这些是前端框架。cordova更像一个工具。

　　简单点理解，Cordova是一个工具，通过它可以将你做的html网页显示在WebView里面，而你网页中用到的JS可以通过他的API去调用原生的东西，比如照相机等。　　

　　但它做出来的app比原生做出来的app好在哪里呢，直白点说，简便，省钱。因为cordova app显示的页面全是你做的html页面，所以说你写一套code，就可以用在Android上，IOS上，以及Web上。不用去分别找Android工程师，IOS工程师。

　　接下来我们一步一步的介绍如何使用Cordova。学习Cordova做app，首先你要会html,js,还要会安卓的原生的东西。不然你还是别往下看了。

Cordova安装：

　　先安装Nodejs，再通过npm去安装cordova，npm install -g cordova。不会的自行百度。安装完成后执行cordova -v，如果显示cordova的版本，则安装成功。当然，做cordova app，也需要首先在电脑上将安卓的那些环境搭建起来，如sdk等。

创建第一个Cordova项目helloworld：

　　首先cd到一个指定目录下，执行cordova create hello com.example.hello HelloWorld，会为我们创建一个cordova项目hello。

　　接下来我们cd到hello下，执行cordova platform add android --save，会在platform下为我们添加一个android项目。（我写的所有的关于cordova的，都是针对Android的，iOS的几乎不会涉及）。

　　然后将android项目导入到我们的开发工具中，如eclipse。导入之后会有两个项目CordovaLib和MainActivity。我们只需要去关注这个MainActivity就行。运行这个项目，然后在我们的模拟器里显示cordova的欢迎页。至此，cordova android项目创建成功。下一章解释代码，介绍这个项目是如何运行的。

转载于:https://www.cnblogs.com/lishuxue/p/6008678.html

Cordova入门系列（一）创建项目相关推荐

WF4.0入门系列1——创建一个简单的工作流
WF4.0入门系列1--创建一个简单的工作流打开VS2010,选择文件-新建-项目,选择Workflow项工作流台应用程序,在名称处输入chapter01,选择合适的位置,这里默认,单击确定. V ...
Cordova入门系列（三）Cordova插件调用转发 https://www.cnblogs.com/lishuxue/p/6018416.html...
Cordova入门系列(三)Cordova插件调用版权声明:本文为博主原创文章,转载请注明出处上一章我们介绍了cordova android项目是如何运行的,这一章我们介绍cordova的核心内容 ...
深度学习入门系列21：项目：用LSTM+CNN对电影评论分类
大家好,我技术人Howzit,这是深度学习入门系列第二十一篇,欢迎大家一起交流! 深度学习入门系列1:多层感知器概述深度学习入门系列2:用TensorFlow构建你的第一个神经网络深度学习入门系列 ...
深度学习入门系列23：项目：用爱丽丝梦游仙境生成文本
大家好,我技术人Howzit,这是深度学习入门系列第二十三篇,欢迎大家一起交流! 深度学习入门系列1:多层感知器概述深度学习入门系列2:用TensorFlow构建你的第一个神经网络深度学习入门系列 ...
安卓入门系列-02创建一个项目
利用Android Studio创建一个项目说明 Android Studio 是项目式开发,和eclipse有所不同,需要习惯. 创建项目点击第一行,创建一个新项目. 在1处填入项目名称,2处填 ...
Newbe.Claptrap 框架入门，第二步 —— 创建项目
接上一篇 <Newbe.Claptrap 框架入门,第一步 -- 开发环境准备>,我们继续了解如何创建一个 Newbe.Claptrap 项目. 安装项目模板打开控制台运行以下命令来安装 ...
electron入门——安装及创建项目
由于项目需要,一只数据狗暂时转向前端.本来以为写写html5.ccs.js,没想到需要electron+vue. vue现在算是有点了解,electron还是非常懵懂,于是乎在bilibili上面看点 ...
Cordova入门系列（三）Cordova插件调用
上一章我们介绍了cordova android项目是如何运行的,这一章我们介绍cordova的核心内容,插件的调用.演示一个例子,通过cordova插件,去调用摄像头. 一.插件的安装以及基本信息: ...
[Silverlight入门系列]动态创建控件和绑定
http://www.cnblogs.com/Mainz/archive/2011/10/04/2198924.html 转载于:https://www.cnblogs.com/Ken-Cai/arc ...

Cordova入门系列（一）创建项目

Cordova入门系列（一）创建项目相关推荐

最新文章

热门文章