Cordova配置与开发

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

时间: 2024-11-03 21:13:46

Cordova配置与开发的相关文章

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

Cordova - 使用Cordova开发iOS应用实战1(配置.开发第一个应用) 现在比较流行使用 html5 开发移动应用,毕竟只要写一套html页面就可以适配各种移动设备,大大节省了跨平台应用的开发时间.而不像以前一样 Android 要写一套程序,iOS 要写一套,甚至 Windows Phone 还要再写一套程序. 虽然使用H5开发的界面很容易适配各种手机设备,但由于系统的差异,如果要访问原生的设备功能(如摄像头.麦克风等)还是有些不便,或者说不是那么统一.这时我们可以借助 Cordo

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

1 Cordova是谁 PhoneGap的官方文档说的很清楚.Cordova是PhoneGap的引擎,这两者的关系类似于WebKit与Chrome浏览器的关系.所以一些核心的基础操作对于Cordova与PhoneGap是相通的.有时候使用PhoneGap创建工程的会出现一些莫名的问题,推荐使用Cordova创建. 2 下载PhoneGap与Cordova 略.见<安装配置PhoneGap开发环境(一)>. 3 使用Cordova创建PhoneGap项目 查看当前平台的Cordova版本: co

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

原文:配置cordova的android开发环境(无android studio) 趁元旦放假想试一下cordova,不想安装庞大的android studio,所以想最小化安装,居然花了一整天的时间才能正常编译cordova工程,记录一下过程,备将来参考. 安装环境:操作系统:windows 10 x64 第一步:安装nodejs,下载最新版本v10.15.0 第二步:设置npm安装源 npm config set registry http://registry.npm.taobao.org

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

在<Cordova webapp实战开发:(3)后面可能会学到的东西>中我们说了一下后续大致包括的内容,今天我们继续.上周我在掌中广材集成了友盟的社交分享,今天想集成iOS应该很顺利的,但是只要一加入libSocialQQ.a就错.我对iOS也不太熟,没找到原因,头晕了,写一篇博客权当休息一下.今天我们就来搭建一下Android环境,并编写一个hello world吧.准备好了吗?Web app开发旅程即将正式开始了....... JAVA环境 安装JAVA JDK 打开我的电脑--属性--高

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

在 <Cordova webapp实战开发:(4)Android环境搭建>中我们搭建好了开发环境,也给大家布置了调用插件的预习作业,做得如何了呢?今天我们来学一下如何自己从头建立一个Andorid下的cordova插件. 本次练习你能学到的 学习如何实现自动更新功能 学习插件类的编写 学习插件的配置 学习插件的调用 主要内容 打开APP后检查版本更新,如果有更新则弹出更新对话框 APP中[检查更新]显示当前版本号,并可以点击进行版本检查更新 如何实现自动更新功能 你可以自己写代码,也可以网上找

linux 下安装 mysql 并配置 python 开发环境

1.安装 mysql ,安装过程中将提示设置 root 用户的密码,默认可以设置为 rootadmin . $ sudo apt-get install mysql-server 2.安装 mysql 开发工具(不安装时,安装 MySQL-python 提示错误 "mysql_config not found"). $ sudo apt-get install libmysqld-dev 3.安装 python 的 mysql 库 MySQL-python (首先安装 python-d

Eclipse下配置TinyOS开发环境

通过给Eclipse安装Yeti 2 - TinyOS 2 Plugin for Eclipse来配置TinyOS IDE,从而可建立TinyOS Project Yeti 2的介绍请参考网站:http://tos-ide.ethz.ch/wiki/pmwiki.php?n=Site.TinyOSEclipsePlugin 1.下载.解压并打开Eclipse(我用的是Eclipse IDE for Java Developers) 2.打开Install对话框:Help->Install New

VS2010配置OpenGL开发环境

OpenGL(Open Graphics Library)是一个跨编程语言.跨平台的专业图形程序接口.OpenGL是SGI公司开发的一套计算机图形处理系统,是图形硬件的软件接口,任何一个OpenGL应用程序无须考虑其运行环境所在平台与操作系统,在任何一个遵循OpenGL标准的环境下都会产生相同的可视效果. 基于OpenGL标准开发的应用程序运行时需有动态链接库OpenGL32.DLL.Glu32.DLL,这两个文件在安装Windows NT时已自动装载到C:\WINDOWS\SYSTEM32目录

【OpenCV笔记】使用VS2012和OpenCV2.4.9搭建配置OpenCV开发环境

使用MS Visual C++来创建OpenCV工程,由于不同的VS版本在配置时有所差别,现特把配置过程总结下来,以方便自己和其他朋友使用. 1.软件准备 安装Visual Studio2012和OpenCV2.4.9 这里就不再对软件的安装和环境变量的设置进行说明了,其他类似的文章的设置都大抵相似,本文重点介绍一下VS2012环境的配置. 2.配置VS2012环境 (1)新建工程 你可以创建简单的控制台应用或者拥有图形用户界面的复杂应用,此处我们选择最简单常用的控制台应用. 理解解决方案(So