Windows上使用ionic开发IOS程序

左手的ㄟ右手 2022-07-30 13:53 168阅读 0赞

开发ios程序需要mac本，但是好多屌丝们没有Mac 本，那就在虚拟机上安装一个MacOS，凑合着用吧。

下面我就以我自己的亲身经历，带着ionic爱好者一步一步的在windows上开发ios程序

# 安装VMware和Mac OS #

参看我的这篇文章[windows上安装Mac OS][windows_Mac OS]

# ionic开发ios程序 #

## 安装Xcode ##

为什么要安装Xcode呢？

ionic开发Android程序都不需要安装eclipse等IDE，只要一个能写SSS，JS  
HTML的IDE就行（Hbuilder，WebSotrom，Sublime Text）， 开发完成之后不就执行个ionic platform add android,ionic build android，然后就能生成一个.apk文件，给手机上一安装O了。

ionic开发ios程序就得安装Xcode IDE，这是因为蛋疼的ios程序无法直接使用命令生成，使用命令只能生成.project文件，然后再使用Xcode IDE将.project文件转成.ipa文件，更让人蛋疼的是这个ipa文件居然也不能被直接安装到爱疯上，只能先上传到APP Store，人家审核通过之后，我们再从APP Store上下载。（看到这你可能快疯了，但是没法啊，谁让人家NB呢。好了废话少说了，乖乖安装Xcode吧）

## 安装ionic开发环境 ##

（这个和在windows上安装android开发环境类似）

### 安装Nodejs ###

百度下载，傻瓜式安装，注意：屌丝们，你现在是Mac本，所以需要下载Nodejs for mac的，别下错了

### 安装cordova,ionic ###

`sudo npm install -g cordova`  
`sudo npm install -g ionic`  
或者合成一句统一安装  
`sudo npm install -g cordova ionic`

## 创建项目 ##

`ionic start firstIonicProjectForIos [tabs][blank][sidememu]`

## 浏览器中运行项目（调试项目） ##

cd firstIonicProjectForIos
    ionic serve(自动在afai浏览器中打开)

## 模拟器中运行项目 ##

因为apple开发的证书限制我们在没有申请购买apple账号的情况下，使用虚拟机来部署我们的应用，在部署之前需要使用npm安装一个ios-sim插件用来调用模拟器的，执行命令：

`sudo npm install -g ios-sim`

然后执行

ionic platform add ios （添加ios平台）
    ionic build ios

开始编译项目，编译完成之后用Xcode打开开发目录下platform->ios->myIonic.xcodeproj的项目文件，Xcode中选择要运行的虚拟机版本并执行快捷键cmd+R运行虚拟机，虚拟机打开后会自动运行你应用。

当然你也可以使用命令：  
`ionic emulate ios(在ios模拟器中打开)/ionic run ios(我的报错了)`

PS: 为什么不用run ios 命令直接启动虚拟机呢，因为我的环境下执行run会报错，虚拟机会打开但是无法运行程序，找了半天解决解决方案没有结果，索性直接用Xcode了，效果是一样样的。  
PS:运行时**千万别直接双击XXX.xcodeproj文件**使用Xcode打开，这种打开方式在模拟器中运行时Xcode会报build faild的错误。

而应该先打开Xcode  
![这里写图片描述][20160419135854890]  
点击Open another project…，然后选择项目目录/platforms/ios/xxx.xcodeproj

PS:在IOS模拟器中输入中文  
找到模拟器的Settings—>General–>Keyboard–>International KeyBoards–>Add New Keyboard–>Chinese Simplified(PinYin) 即我们一般用的简体中文拼音输入法，配置好后，再输入文字时，点击弹出键盘上的“小地球”就可以输入中文了。

## 打包项目 ##

能使用Ionic来开发app的很可能对Ios和android的app打包发布流程不是很熟悉，我这里简单说明下：  
ionic build android命令执行完成之后会在  
项目目录/platforms/android/build/outputs/apk目录下面生成.apk文件。

但是ionic build ios命令执行完成之后不会生成.ipa文件，只会在  
项目目录/platform/os目录下生成.xcodeproj文件，这个文件需要借助Xcode才能将其打包成.ipa文件。

因此接下来的任务就成了使用Xcode打包.xcodeproj成为.ipa的事情了。  
参见我的这篇文章[Xcode打包项目教程(.xcodeproj=>.ipa)][Xcode_.xcodeproj_.ipa]

[windows_Mac OS]: http://blog.csdn.net/haozhoupan/article/details/51181249
[20160419135854890]: /images/20220724/53a2e6203fb547609607e1416e0d57a1.png
[Xcode_.xcodeproj_.ipa]: http://blog.csdn.net/haozhoupan/article/details/51181709