一、FlutterUnit 的全渠道支撑

FlutterUnit 是我的一个开源项目,根据 Flutter 构建的一个 全渠道 应用程序。现在很侥幸地宣布: FlutterUnit 已经上架 iOS 的 App Store ,自此主流的几大渠道均已提供体会。

项目地址: github.com/toly1994328…
iOS 应用商店地址: apps.apple.com/cn/app/flut…

FlutterUnit 已上架 iOS,暗色模式全面支持

往后,各渠道的软件安装包将放在 FlutterUnit 项目的 release 中:

FlutterUnit 已上架 iOS,暗色模式全面支持

渠道 软件包获取 安装形式
Android FlutterUnit.apk 下载安装
iOS apps.apple.com/cn/app/flut… 下载安装
Windows FlutterUnitWin.zip 免安装,解压即用
MacOS FlutterUnitMac.zip 免安装,解压即用
Web toly1994328.gitee.io/flutter_web 直接访问

FlutterUnit 已上架 iOS,暗色模式全面支持


二、暗色形式全渠道支撑

在界面表现上: 桌面端 MacOS 和 Windows 一致,移动端 iOS 和 Android 一致。另外平板设备中,在拖拽过程中可以根据窗口尺度自适应相关:

FlutterUnit 已上架 iOS,暗色模式全面支持


  • 桌面端部分界面展现
桌面端组件页(亮) 桌面端组件页(暗)
FlutterUnit 已上架 iOS,暗色模式全面支持
FlutterUnit 已上架 iOS,暗色模式全面支持
桌面端搜索(亮) 桌面端搜索(暗)
FlutterUnit 已上架 iOS,暗色模式全面支持
FlutterUnit 已上架 iOS,暗色模式全面支持
桌面端代码生成(亮) 桌面端代码生成(暗)
FlutterUnit 已上架 iOS,暗色模式全面支持
FlutterUnit 已上架 iOS,暗色模式全面支持
制作集录(亮) 组件详情页(暗)
FlutterUnit 已上架 iOS,暗色模式全面支持
FlutterUnit 已上架 iOS,暗色模式全面支持

  • 移动端部分界面展现
移动端组件页(亮) 移动端组件页(暗)
FlutterUnit 已上架 iOS,暗色模式全面支持
FlutterUnit 已上架 iOS,暗色模式全面支持
制作详情页(亮) 制作详情页(暗)
FlutterUnit 已上架 iOS,暗色模式全面支持
FlutterUnit 已上架 iOS,暗色模式全面支持
组件详情页 组件详情页
FlutterUnit 已上架 iOS,暗色模式全面支持
FlutterUnit 已上架 iOS,暗色模式全面支持

三、聊聊 iOS上架的流程和踩的坑

作为一个流淌着纯粹 Android 血脉的开发者,在之前是没碰过 iOS 的。但全体来说上架流程还是比较顺利的,不得不说 iOS 上架要比 Android 上架简单多了。从一个从未触摸 iOS的人到打包、审阅、发布、上线,只用了 3 天时刻。当然,其间也要感谢小伙伴提供的援助:

FlutterUnit 已上架 iOS,暗色模式全面支持

这篇文章对我的帮助是蛮大的,基本上的流程写的很清晰。有些留意点和细节方面,我踩的坑,这儿也共享一下,作为弥补。

/post/706306…

首先说一下,关于 iOS 上架来说最重要的两个东西:

开发者账号
证书 和 Profiles


  • .p12 证书文件导出

如果不需要多个人协作打包,不用导出 .p12 证书文件,如果需要导出,要在 登录 的侧栏菜单下点击我的证书。一开始我点到 系统 的侧栏菜单,导出 .p12 是灰色的。

FlutterUnit 已上架 iOS,暗色模式全面支持


  • Xcode 翻开的项目

翻开 Runner.xcworkspace,否则插件依靠库找不到,这个坑了我不少时刻,一直跑不起来。

FlutterUnit 已上架 iOS,暗色模式全面支持


  • Xcode 上传到 AppStore

当你 Xcode 显现上传成功:

FlutterUnit 已上架 iOS,暗色模式全面支持

可是 AppStoreConnect 中没有看到构建版别,此刻立刻去检查邮箱,可能是某些权限未配置导致的。我便是没介意邮箱,连打包好几个版别都显现不了,抑郁地要死。所以 iOS上架过程中,勤看邮箱。

FlutterUnit 已上架 iOS,暗色模式全面支持


  • 审阅经过之后

第二天黄昏,就提示审阅经过了,怀着激动的心,翻开 App Store Connect 预备发布版别。

FlutterUnit 已上架 iOS,暗色模式全面支持

但这万里长征的最终一步卡壳了,看不到发布按钮,然后就极端抑郁。最奇怪的是,网速很慢时,发布按钮会闪现一下,然后消失,这就让我觉得十分怪异。小伙伴也不知道怎么回事。

FlutterUnit 已上架 iOS,暗色模式全面支持

最终发现我在 价格与出售规模 里勾选了预售发布,所以主页面就没有发布按钮。取消勾选就可以了,反正吃一堑长一智,坑多踩踩就平了。这样就上线结束了:

FlutterUnit 已上架 iOS,暗色模式全面支持


四、 FlutterUnit 后期规划

后期规划,一方面加强对 Flutter 内置组件的收录,现在新版别的 Flutter 中比之前增加了不少组件。另一方面想要让 FlutterUnit 可以作为一个工具来服务 Flutter 开发,比方主动生成一些代码。正所谓近水楼台先得月,离代码最近的是编辑器,其次便是桌面软件,使用桌面端软件主动生成代码的优势很大。所以想让 FlutterUnit 具有必定常规代码生成才能。

FlutterUnit 已上架 iOS,暗色模式全面支持


五、弥补 iOS 上加发布过程中的细节:

1. 可供审阅 与 正在等候审阅

留意 App Store Connect应用的状态:
可供审阅 时不是在审阅,应该是: 正在等候审阅 才对。

审阅被拒后,处理完,要从头提交构建版别。然后应用会处于 可供审阅 状态,需要进入 [App审阅] 页签,检查条目。在顶部右上角会有 [从头提交至审阅] 的字样,我不知道,没点,所以傻傻等一天。

FlutterUnit 已上架 iOS,暗色模式全面支持


2. 关于内购

如果版别暂不支撑内购,就不要在界面上展现出按钮。比方我在充值按钮点击时弹出 iOS 将在后续版别支撑内购 , 这样也是会被回绝的。

FlutterUnit 已上架 iOS,暗色模式全面支持