Ionic之iOS打包流程

# 一、模拟器运行iOS项目

安装 Ionic Cordova

sudo cnpm install -g cordova ionic

Ionic 创建浏览器运行的项目

• 创建项目: sudo ionic start myApp tabs
• cd 到刚才创建的项目
• sudo ionic serve 浏览器运行项目

Ionic 借助 cordova 创建 ios 手机上可以安装的应用

• 创建项目: sudo ionic start myApp tabs
• cd 到刚才创建的项目
• sudo ionic cordova platform add ios 把 ios 环境添加到我们的项目
• sudo yarn install
• 修改代码后运行 sudo ionic build --prod(打包) 以及 sudo ionic cordova prepare (这个是拷贝www目录资源到ios工程下)。必须运行，否则调试会卡死

可能遇到的错误以及解决方案

• 使用软件中的提供的翻墙工具重试，如果不行继续看第二步骤
• 手机开启热点，让电脑连接手机用手机的网络下载

找到对应目录下面的文件双击用 Xcode 打开

注意:xcode 用最新的版本

如果双击遇到权限问题如下

可以用命令修改权限，cd 到要修改权限的目录执行下面命令

sudo chmod -R 777 *

在 xcode 中选择对应模拟器运行

注意:调整模拟器大小只需要拉动模拟器边缘即可

# 二、真机调试

# 2.1 真机调试之前的准备工作

• 你得有苹果开发者账号个人($99)、公司($99)、企业($299)账号均可
• 能上网的苹果电脑 macos(苹果虚拟机也可以)、Xcode、iOS 设备(iPhone、ipad 均 可)

# 2.2 开发者中心配置调试设备的 uuid

1. 获取iPhone手机的uuid，手机连接电脑，打开iTunes软件，点击序列号字母处

2. 配置iPhone手机的uuid，打开平台开发者中心进行配置

# 2.3 xcode 自动管理证书文件

手动创建证书文件参考下面地址:

https://jingyan.baidu.com/article/d3b74d640735c71f77e609f0.html

现在用 xcode 开发项目我们可以自动适配我们的证书，选择自动化配置证书意味着你不会 在证书设置和编译的时候浪费更多的时间,并且你可以更好的设置适合你的 Xcode

1、点击 xcode 选择 Preference，如下图

2、弹出下面界面输入自己的账户名和密码

3、选择对应的项目 选择 General->勾选自动管理签名->设置 Tea