Ionic3 项目通过Mac运行在IOS手机上

一、前期准备

需要去苹果开发官网上申请开发者证书和配置一些相关问题

需要一台Mac电脑

二、详细步骤

1.进入项目的根目录

        cd MyProject

2.添加IOS平台

        ionic cordova platform add ios

3.打开项目找到ProjectName.xcodeproj 文件(ProjectName 为项目名)

         路径:目录/ProjectName/platforms/ios/ProjectName.xcodeproj

Ionic3 项目通过Mac运行在IOS手机上_第1张图片
双击打开文件

4.更改证书信息


Ionic3 项目通过Mac运行在IOS手机上_第2张图片
点击图中地方


Ionic3 项目通过Mac运行在IOS手机上_第3张图片
选中项目名


Ionic3 项目通过Mac运行在IOS手机上_第4张图片
点击Build Settings  ----> 找到Signing 栏
Ionic3 项目通过Mac运行在IOS手机上_第5张图片
第一步 选择开发证书,第二步选择签名ID,第三步选择开发团队
Ionic3 项目通过Mac运行在IOS手机上_第6张图片
然后找到 Targets
Ionic3 项目通过Mac运行在IOS手机上_第7张图片
同样找到图中位置,第一步 找到Build Settings   第二步 找到Signing栏
Ionic3 项目通过Mac运行在IOS手机上_第8张图片
同样配置好图中的信息,此时就可点击运行啦
Ionic3 项目通过Mac运行在IOS手机上_第9张图片
找到图中你的IOS设备
Ionic3 项目通过Mac运行在IOS手机上_第10张图片
点击按钮运行
Ionic3 项目通过Mac运行在IOS手机上_第11张图片
此时点击几乎都会报错,不用理重新打开文件即可
Ionic3 项目通过Mac运行在IOS手机上_第12张图片
关闭Xcode重新 双击打开该文件
Ionic3 项目通过Mac运行在IOS手机上_第13张图片
找到此处,Clean 一下
Ionic3 项目通过Mac运行在IOS手机上_第14张图片
再次点击按钮运行
Ionic3 项目通过Mac运行在IOS手机上_第15张图片
出现Build Succeeded,即为成功

    按照以上的操作运行成功,注意:如果运行还是失败的话,试试将IOS平台移除重新添加IOS平台再走以上的步骤试试。如果有问题或有更好的建议,欢迎加我QQ一起讨论,QQ:1439020307

你可能感兴趣的:(Ionic3 项目通过Mac运行在IOS手机上)