cordova ios 安装以及入门


Q1:cordova是什么?

A1:Cordova是一个用基于HTML、CSS和JavaScript的,用于创建跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone、Android、Palm、Symbian、WP7、Bada和Blackberry等智能手机的核心功能——包括地理定位、加速器、联系人、声音和振动等,此外Cordova拥有丰富的插件,可以调用。

简单的来说,使用cordova提供的接口可以方便js代码和原生代码之间的通信!实现一套js代码,多平台使用

Q2:cordova的优点?

A2:1.它可以让Web开发人员轻松转型成移动应用开发者,大大降低了开发成本。

2.相同的代码只需针对不同平台进行编译就能实现在多平台的分发,大大提高了多平台开发的效率。而相较于Web应用,开发者可以通过包装好的接口调用大部分常用的系统API。

3.目前,cordova在相应速度上已经堪比原生代码

总而言之,cordova非常适合现在的hybrid开发


cordova的安装

第一步安装nodejs

官网:https://nodejs.org/en/

下载并安装nodejs


cordova ios 安装以及入门_第1张图片
官网

第二步 使用node.js的依赖包管理工具npm来进行cordova安装。

sudo npm install -g cordova

如果执行上述命令卡住的话(貌似被墙了),建议使用淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

sudo cnpm install -g cordova

第三步 创建项目

命令行输入

cordova create hello com.mydomain.hello HelloWorld

第一个参数是文件目录,第二个参数是app id, 第三个参数是显示的title

cd hello

进入工程文件夹下

cordova platform add ios

添加ios工程项目,进入文件夹 打开工程


测试代码

1.在index.html中添加


cordova ios 安装以及入门_第2张图片
html代码

2.在index.js中添加


cordova ios 安装以及入门_第3张图片

3.在Plugins文件夹下创建一个OC类继承CDVPlugin


cordova ios 安装以及入门_第4张图片


cordova ios 安装以及入门_第5张图片

其中command对象包括4个参数:回调ID,类名,方法名,参数数组

上面的代码将从js代码中获取的表单信息传递给一个控制器

4.在config.xml的widget标签中添加feature标签


最终效果:


cordova ios 安装以及入门_第6张图片

你可能感兴趣的:(cordova ios 安装以及入门)