2021年5月27-记录一次Flutter项目ios真机调试【自测好用】

不知道从什么时候开始就一直想开发一个ios的应用, 之前一直在用uniapp, 但是总感觉uniapp的体验不是很好, 对于开发来说坑也很多, 尤其是对于ios开发来说, 所以我果断放弃了uniapp。
但是放弃了uniapp选择什么好呢…..
Weex、RN、NC、还是Flutter呢？
因为我只会Vue, 所以我去参考了Vue官网对于移动端的推荐

本来是想选择NC的, 但是我们项目经理说这个坑很多, 而且兼容也有问题, 所以也放弃了, RN不会、Weex凉了, 最后只能选择Flutter了(主要是Flutter名字也挺好听的)。

当完成第一个祖传的hello world后, 迫不及待的想放到手机上看一下, 但是发现没有自己想的那么简单….
后来百度了好久都不能解决, 沉淀了几天后, 又重新试了一次….这一次成功了, 但是在这次尝试中 我知道为什么之前没有成功了, 特此记录一下.

具体步骤

1. 终端运行flutter dector看一下是否缺少必要的插件, 主要看一下ios部分, 如果不会看的话, 只要是全部打勾了就行, 如果有哪一个没有打勾, 需要单独去处理.

2. 将手机连接上电脑, 这时候打开Android Studio会在运行设备选项中看到自己的手机.

3. 在Xcode中配置项目开发者信息

• 首先呢, 我们需要用Xcode打开项目中的Runner.xcodeproj, 刚打开的时候右边内容区域会显示No Editor, 这时候我们要点击一下左侧导航栏中的Runner

• 第二步, 我们要依次点击 这么几个按钮, 分别是Runner、Signing & Capabilities, 然后就可以看到以下页面(老版本的XcodeSigning会在General中)

• 第三步, 添加Apple账户(这里我已经添加过了, 不知道怎样把它恢复到没添加的样子, 所以演示不了了…), 添加完成后 没问题的话 是这个样子的, 注意红框选中的那一部分, 网上大部分的文档都没有说这个重点, 这里是需要选择自己的真机的, 否则会验证失败.

4. 到目前为止Xcode的配置就已经完成了, 这时候我们回到Android Studio, 选择好自己的手机设备, 点击运行, 如果顺利的话, 马上就会看到自己的项目运行起来了.
5. 第一次运行的时候一般都是失败, 这时候我们需要在手机中到设置-》通用-》设备管理，里面验证你的应用
6. 这里还有可能会出现的一个问题, 在我们验证完应用之后 重启项目时 会弹窗提示 ‘flutter 无法打开“iproxy”，因为无法验证开发者, 如果出现这个问题 小伙伴们可以用下面两个办法来解决.

• 第一种, 打开终端在里面执行(要注意把里面的路径改一下)sudo xattr -d com.apple.quarantine [your_flutter_path]/bin/cache/artifacts/usbmuxd/iproxy
• 第二种, 进入到项目根根目录, 依次执行下面的命令即可:

  rm -rf build
  flutter clean
  flutter build ios --debug
  复制代码