码迷,mamicode.com
首页 > 其他好文 > 详细

Cordova配置与开发

时间:2014-10-07 18:55:53      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:des   android   style   blog   http   color   io   os   使用   

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,如图

bubuko.com,布布扣

bubuko.com,布布扣

选择Export Android Application

bubuko.com,布布扣

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

bubuko.com,布布扣

bubuko.com,布布扣

bubuko.com,布布扣

点击『Finish』成功导出apk

 

4.2.ios

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

a.登陆苹果开发者中心

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

bubuko.com,布布扣

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

bubuko.com,布布扣

选择In House

bubuko.com,布布扣

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

bubuko.com,布布扣

选择一个certificate

bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣

填写profile name

bubuko.com,布布扣

d.下载创建好的profile文件

bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣

bubuko.com,布布扣

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

bubuko.com,布布扣

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

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

bubuko.com,布布扣

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

bubuko.com,布布扣

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

bubuko.com,布布扣

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

bubuko.com,布布扣

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

bubuko.com,布布扣

Cordova配置与开发

标签:des   android   style   blog   http   color   io   os   使用   

原文地址:http://www.cnblogs.com/www92/p/4009445.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!