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

2023-08-30 11:47:28

一、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，如图