ios开发环境配置及cordova安装与常用命令
一、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安装与常用命令的更多相关文章
- XE4 IOS开发环境配置
l 配置IOS的安装开发环境 使用RAD XE4开发IOS程序,一台MAC是必须的(也可以用虚拟机), MAC上需要安装Xcode, 独立版本的Commnand Line Tools 以及RAD的pa ...
- Eclipse开发环境配置,打磨Eclipse,安装插件(适用3.4,3.5,3.6,3.7)
转载自:http://elf8848.iteye.com/blog/354035 打磨Eclipse -- 磨刀不误砍柴工 -------------------------------------- ...
- Xcode5 + phoneGap2.9搭建ios开发环境-配置-测试-归档上传/phoneG...
前言: 小弟是做JAVA/Android的第一次搞这个ios,公司有mobile项目是使用phoneGap开发的,需要开发ios版本.什么都不会只能一点一点琢磨了……大神越过…… 原文链接:http: ...
- Java开发环境配置(4)--Maven安装 环境变量配置,本地仓库配置---插件安装
说明在前:本人用过的 luna mars 等,都已经自带maven插件的了,以下有些文章是很老的,讲到maven插件的安装都可以忽略掉. maven安装eclipse在线配置maven搞定所有插件_ ...
- python的开发环境配置-Eclipse-PyDev插件安装
安装PyDev插件的两种安装方法: 1.百度搜索PyDev 2.4.0.zip,下载后解压,得到Plugins和Feature文件夹,复制两文件夹到Eclipse目录,覆盖即可. 插件的版本要对应py ...
- Mac下golang开发环境配置
go语言在开发效率和运行效率中的优势让很多人青睐,所以有倾向打算转向go语言的开发. 下面介绍在Mac OS X中golang的开发环境配置. 1.安装brew brew是一个mac下的由ruby开发 ...
- Django:学习笔记(1)——开发环境配置
Django:学习笔记(1)——开发环境配置 Django的安装与配置 安装Django 首先,我们可以执行python -m django --version命令,查看是否已安装django. 如果 ...
- 005 Python开发环境配置
目录 一.概述 二.Python语言概述 2.1 Python语言的诞生 2.2 Monty Python组合 三.Python语言系统开发环境配置 四.Python程序编写与运行 4.1 Pytho ...
- jeecms v9 vue-CLI开发环境配置
vue-CLI开发环境配置 Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用.该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程.只需几分钟即可创建并启动一个带热重载.保存时静 ...
随机推荐
- ListView控件的Insert、Edit和Delete功能(第一部分)
摘自:http://blog.ashchan.com/archive/2007/08/28/listview-control-insert-edit-amp-delete-part-1aspx/ Li ...
- ng-option小解
ng-option 有数组,对象两种情况,但目前只接触过数组 数组: label for value in array 分为一般数组和对象数组 一般数组: <select ng-model=&q ...
- 转 当当网资深DBA:DB运维四大现代化的实现
位好,今天我的主题是 <DB运维的四个现代化> ,看标题就能明白,是关于DBA自动化运维平台的事情.http://dbaplus.cn/news-21-855-1.html 主要是分享下我 ...
- windows下编译Android版本的boost库文件
1.起因: 手上有一个用到了boost的asio库和thread库的工程要编译到手机上(Android版本和ios版本),本文只介绍如何编译到Android版本,ios版本之后再介绍,也许就不介绍了( ...
- Echarts自适应浏览器大小
var myChart = echarts.init(document.getElementById('sitesChar')); var option = { title : { text: 'No ...
- 设置SVN,Git忽略MAC的.DS_Store文件的方法
设置SVN,Git忽略MAC的.DS_Store文件的方法 I. 显示Mac隐藏文件的命令: defaults write com.apple.finder AppleShowAllFiles -bo ...
- java复用类
java复用类英文名叫reusing classes ,重新使用的类,复用的意思就是重复使用的类,其实现方法就是我们平常使用的组合和继承: 1.组合: has-a 的关系 (自我理解:组合就是我们 ...
- AutoTile 自动拼接(六 大结局) 学习与实践
昨天在网上找了一些资源图片,这回就不用担心 背景资源不多的问题了,现在我一边 制作,一边发布文章. 各种各样,500多个,这里还是特别感谢 ,万恶的资本主义,不设密码就给我分享. 在制作前,大家看下这 ...
- 关键自li,em,dl,ul,ol,footer,header,nav,aside,article
section 版块 用于划分页面上的不同区域,或者划分文章里不同的节 header 页面头部或者版块(section)头部 footer 页面底部或者(section)底部 nav 导航 (包含链接 ...
- GetClientRect
这个函数好像就是对应于视口的,获取视口的宽高 #include <windows.h> LRESULT CALLBACK WndProc (HWND, UINT, WPARAM, LPAR ...