码迷,mamicode.com
首页 > 移动开发 > 详细

ios开发环境配置及cordova安装与常用命令

时间:2016-05-06 00:19:42      阅读:293      评论:0      收藏:0      [点我收藏+]

标签:

一、ios开发环境配置

1、首先要有台Mac Book,如果有Mac Book,跳过步骤2、3、4,如果没有,执行步骤2、3、4;

2、下载并安装VMware Workstation,最好是下最新版本;

3、下载并安装unlock-all(VMware Workstation默认限制安装Mac虚拟机,需要安装此文件后解除限制);

4、下载Mac OS操作系统的镜像文件(需要是.ios文件)如果下载的是.dmg文件,需要用 anytoiso.exe工具转换成.ios文件,下载完成后在VMware Workstation安装;

5、安装XCode;

6、安装.p12文件;

7、申请bundle id;

8、在XCode中设置开发者账号;

9、在XCode中下载 与bundle id 对应的描述文件;

二、cordova安装与常用命令

1.1安装nodejs

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

1.2 安装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

技术分享

 

如果是.ipa文件在第三方平台(如:蒲公英)安装,则导出时候的选择如下:

 

技术分享

ios开发环境配置及cordova安装与常用命令

标签:

原文地址:http://www.cnblogs.com/niejunchan/p/5463631.html

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