不知道从什么时候开始就一直想开发一个ios的应用, 之前一直在用uniapp, 但是总感觉uniapp的体验不是很好, 对于开发来说坑也很多, 尤其是对于ios开发来说, 所以我果断放弃了uniapp。
但是放弃了uniapp选择什么好呢.....
Weex、RN、NC、还是Flutter呢？
因为我只会Vue, 所以我去参考了Vue官网对于移动端的推荐
本来是想选择NC的, 但是我们项目经理说这个坑很多, 而且兼容也有问题, 所以也放弃了, RN不会、Weex凉了, 最后只能选择Flutter了(主要是Flutter名字也挺好听的)。
当完成第一个祖传的hello world后, 迫不及待的想放到手机上看一下, 但是发现没有自己想的那么简单....
后来百度了好久都不能解决, 沉淀了几天后, 又重新试了一次....这一次成功了, 但是在这次尝试中 我知道为什么之前没有成功了, 特此记录一下.
具体步骤
- 终端运行
flutter dector看一下是否缺少必要的插件, 主要看一下ios部分, 如果不会看的话, 只要是全部打勾了就行, 如果有哪一个没有打勾, 需要单独去处理.
2. 将手机连接上电脑, 这时候打开Android Studio会在运行设备选项中看到自己的手机.
3. 在Xcode中配置项目开发者信息
- 首先呢, 我们需要用Xcode打开项目中的Runner.xcodeproj, 刚打开的时候右边内容区域会显示No Editor, 这时候我们要点击一下左侧导航栏中的Runner
- 第二步, 我们要依次点击 这么几个按钮, 分别是Runner、Signing & Capabilities, 然后就可以看到以下页面(老版本的XcodeSigning会在General中)
- 第三步, 添加Apple账户(这里我已经添加过了, 不知道怎样把它恢复到没添加的样子, 所以演示不了了...), 添加完成后 没问题的话 是这个样子的, 注意红框选中的那一部分, 网上大部分的文档都没有说这个重点, 这里是需要选择自己的真机的, 否则会验证失败.
- 到目前为止Xcode的配置就已经完成了, 这时候我们回到Android Studio, 选择好自己的手机设备, 点击运行, 如果顺利的话, 马上就会看到自己的项目运行起来了.
- 第一次运行的时候一般都是失败, 这时候我们需要在手机中到设置-》通用-》设备管理，里面验证你的应用
- 这里还有可能会出现的一个问题, 在我们验证完应用之后 重启项目时 会弹窗提示 '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
