iOS cordova学习笔记

1.cordova的安装 依赖nodejs
2.先安装nodejs 从 nodejs网站 下载并安装,安装成功后,在命令行输入命令:node 或 npm,不报错即可。
3.利用nodejs npm 管理工具安装 cordova
> npm install -g cordova


创建工程

a.新建一个文件夹作为工作目录,cmd切换到该路径下
>cd d:\workspace\cordova
b.创建cordova project
>cordova create helloCordova com.hzjava.myCordova HelloCordova
c.添加平台支持
首先进入刚创建的工程根目录
>cd helloCordova
然后

> cordova platforms add ios
> cordova platforms add android

> cordova platforms ls
d.添加插件(根据具体功能添加插件,比如扫码插件、文件操作插件等等,可以去 cordova插件库 搜索需要的插件)

> cordova plugin add ******com.phonegap.plugins.barcodescanner
> cordova plugin add org.apache.cordova.file-transfer
> cordova plugin ls

注意:并非所有插件都是全平台支持的,有些可能只支持android,有些可能同时支持android和ios,所以开发多平台app时需要慎重选择插件

3.项目整合
3.1.Android
a.将静态html文件copy到helloCordova\www目录下
b.编译android工程:
>cordova build android
c.运行eclipse,导入helloCordova\platforms\android路径下的android工程
d.在html里引用cordova的js库:
<script type="text/javascript" src="cordova.js"></script>

<script type="text/javascript" src="cordova_plugins.js"></script>


3.2.ios
a.将静态html文件copy到helloCordova\www目录
b.编译ios工程:
>cordova build ios
c.运行xcode,导入helloCordova\platforms\ios路径下的xcode project
d.在html里引用cordova的js库:
<script type="text/javascript" src="cordova.js"></script>

<script type="text/javascript" src="cordova_plugins.js"></script>


cordova编译会将[根目录/www]下文件copy到具体platform的www文件夹内,如果你的代码写在platforms里的android中,编译时会被覆盖掉
因为add plugin的时候已经自动添加了相关的配置,所以只要有cordova_plugin.js就不需要手动引用cordova插件的js了。

打包
之后便可以像其他项目一样打包生成.ipa了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,244评论 25 709
  • 导语 这篇文章主要介绍了如何在Android平台上使用Cordova 的command-line interfac...
    jorstinchan阅读 22,779评论 6 41
  • 成立学区专家工作室 一个校长工作室 两个中层工作室 三个班主任工作室 四个学科教学工作室 五个教师发展工作室
    闻君儿阅读 1,482评论 0 0
  • 一清早,送67岁的母亲去机场。我在安检处看着她近几年来愈来愈矮的身影渐渐地渐行渐远…… 要进去了,母...
    月迷冿渡阅读 2,656评论 6 3
  • 今天谈一个话题,就是钱。 钱重要吗?当然很重要了。 钱真的重要吗?好像也没有那么重要。 钱如同空气一样,无处不在,...
    BBunion国际早教陈磊阅读 5,815评论 1 2