1.环境配置

1.1.安装ant

从 apache官网 下载ant,安装并配置,将ant.bat所在目录加到path环境变量,如c:\apache-ant\bin\。在cmd中运行以下语句如不报错即可:

>ant -h

1.2.安装git

从 git官网 下载git并安装。

1.3安装nodejs

从 nodejs网站 下载并安装,安装成功后,在命令行输入命令:node 或 npm,不报错即可。

1.4.安装cordova

> npm install -g cordova

2.创建工程

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了。

4.打包

4.1.Android

导入platforms\android下面的工程时,会出现两个project:HelloCordova和HelloCordova-CordovaLib。打包时,将HelloCordova-CordovaLib/bin/hellocordova-cordovalib.jar拷贝到HelloCordova/libs文件夹内,然后右击主工程,选择Export,如图

选择Export Android Application

Keystore可以自己创建一个新的,也可以使用现有的

点击『Finish』成功导出apk

4.2.ios

要打包成任意设备都可以安装的ios安装包(ipa),首先需要一个企业开发者账号($299/年),确认满足以后执行以下步骤:

a.登陆 苹果开发者中心

b.Identifiers >> App IDs,点击「+」号,创建一个app id,填写相关信息下一步即可

c.Provisioning Profiles >> Distribution,点击「+」号,创建一个profile

选择In House

选择一个app id,选择刚刚创建的那个

选择一个certificate

                            

填写profile name

d.下载创建好的profile文件

  

e.下载步骤c中选择的certificate文件

f.在mac中双击certificate和profile文件将它们导入

g.打开xcode,选中工程,Build Settings >> Code Signing,Code Signing Identity选择注册的公司名

h.Provisioning Profile选择刚刚导入的profile

i.xcode >> window >> Organizer >> Archives,点击Distribute

j.选择save for enterprise or ad hoc deployment,下一步

k.选择一个profile进行签名,然后export

cordova配置与开发的更多相关文章

  1. Cordova - 使用Cordova开发iOS应用实战1(配置、开发第一个应用)

    Cordova - 使用Cordova开发iOS应用实战1(配置.开发第一个应用) 现在比较流行使用 html5 开发移动应用,毕竟只要写一套html页面就可以适配各种移动设备,大大节省了跨平台应用的 ...

  2. 安装配置PhoneGap开发环境(二)——使用Cordova取代PhoneGap创建项目

    1 Cordova是谁 PhoneGap的官方文档说的非常清楚.Cordova是PhoneGap的引擎,这两者的关系类似于WebKit与Chrome浏览器的关系.所以一些核心的基础操作对于Cordov ...

  3. 配置cordova的android开发环境(无android studio)

    原文:配置cordova的android开发环境(无android studio) 趁元旦放假想试一下cordova,不想安装庞大的android studio,所以想最小化安装,居然花了一整天的时间 ...

  4. Cordova webapp实战开发:(5)如何写一个Andorid下自动更新的插件?

    在 <Cordova webapp实战开发:(4)Android环境搭建>中我们搭建好了开发环境,也给大家布置了调用插件的预习作业,做得如何了呢?今天我们来学一下如何自己从头建立一个And ...

  5. Cordova webapp实战开发:(4)Android环境搭建

    在<Cordova webapp实战开发:(3)后面可能会学到的东西>中我们说了一下后续大致包括的内容,今天我们继续.上周我在掌中广材集成了友盟的社交分享,今天想集成iOS应该很顺利的,但 ...

  6. 基于ionic4、cordova搭建android开发环境

    前颜(yan)最近公司有一个项目需求是利用h5进行跨平台开发,这里所说的跨平台开发指的是:将h5代码利用某种方式或工具环境进行打包,最后生成android的apk以及ios的ipa. 本文只讲解and ...

  7. Notepad++ 使用nppexec插件配置简易开发环境

    notepad++  采用nppexec插件来配置简易开发环境,而不需要笨重的IDE以及麻烦.重复的命令行.控制台输入: 以下为本人最近用到的脚本配置: //编程语言脚本中$(NAME_PART).x ...

  8. VC 6中配置OpenGL开发环境

    2010,2012中配置类似 http://hi.baidu.com/yanzi52351/item/f9a600dffa4caa4ddcf9be1d VC 6中配置OpenGL开发环境 这里,我习惯 ...

  9. Macbook Pro配置PHP开发环境

    Macbook Pro配置PHP开发环境 安装环境如下: Mac OS 10.10.1 Apache 2.4.9 PHP 5.5.14 MySQL 5.6.22 Apache配置 在Mac OS 10 ...

随机推荐

  1. Loto实践干货(8) 实测 保险丝 用示波器带电流探头

    本文用LOTO示波器和5A的电流探头来实验两种常见类型的保险丝的保护曲线.一种是熔断型的,另一种是自恢复型的.我们通常需要在一些电路中对电流过大的情况做保护,比如防止用户把输出源短路,比如防止用户对电 ...

  2. IDM使用教程:利用IDM下载百度网盘文件

    IDM是什么 其实我使用IDM下载器只是为了方便网页版百度网盘直接下载大于40M文件而已,大家知道文件过大必须打开客户端才能下载,这点对于我的破电脑感觉很烦躁,每次要等待它慢悠悠打开,然后动用我的超级 ...

  3. 【数据结构&算法】12-线索二叉树

    目录 前言 线索二叉树的概念 线索二叉树的实现 线索二叉树的寻点思路二 类双向链表参考图 参考代码 中序遍历线索化 前言 在<大话数据结构>P190 页中有一句话:其实线索二叉树,就等于是 ...

  4. C# WINFORM进销存系统开发(内涵免费源码+部分实操视频讲解)

    互联网的时代,电商火爆,大家都开始进行线上销售货品,那你是如何管理你的商品库存和进销问题?软积木--小敏用的是C# WINFORM进销存系统来管理我的数据,给我带来了很多便利. 它是高频需求项目,很多 ...

  5. nohup、&、 2>&1详解

    前言 对一个程序员来说,java项目的打包部署也是一项必须掌握的一项技术任务,现我将自己平时在maven下打包以及部署项目总结,希望对有这方面诉求的小伙伴有所帮助! 一.maven项目打包及命令 (1 ...

  6. ES6基础知识(Generator 函数)

    1.next().throw().return() 的共同点 next().throw().return()这三个方法本质上是同一件事,可以放在一起理解.它们的作用都是让 Generator 函数恢复 ...

  7. POI 4.0 读取Excel

    ... package POIXLS; import java.io.File; import java.io.FileInputStream; import java.util.ArrayList; ...

  8. NFS导致df -h卡主解决

    NFS导致df -h无法使用解决 NFS服务意外断开,导致挂载的客户端"df -Th"命令无法使用,及挂载目录无法"cd""ls"解决思路: ...

  9. etcd install & configuration

    目录 概述 先决条件 相关术语 ETCD 部署 源码安装 其他方式 安装报错 配置文件详解 etcdctl 使用 日志独立 概述 etcd 是兼具一致性和高可用性的键值数据库,为云原生架构中重要的基础 ...

  10. python实现膨胀与腐蚀

    目录: (一)膨胀 (二)腐蚀 (三)腐蚀代码(erode) (四)膨胀代码(dilate) (一)膨胀(或) (二)腐蚀(与) (三)腐蚀代码(erode) 1 def erode_demo(ima ...