flutter 项目IOS 真机调试流程/appicon/启动图设置/上架问题相关总结

2,718 阅读4分钟

当我们开发完flutter 项目后,由于模拟器和真机还是有很多不同的,比如 sign in with apple 就只能在真机上调试,所以本文就介绍下从开发完成到上架区间需要做的一些事情。

真机调试

所需物料:

需要 iphone 一个
xcode
调试数据线

调试:

首先你需要一个开发者账号,并添加自己的设备UUid 到苹果开发者平台,然后才能调测。
基本步骤:

1:在xcode 中打开你的项目
2:添加开发者账号

commond + , 打开开发者账号添加界面

image.png

image.png

image.png

登陆开发者账号以后最新的xcode 已经可以自动添加调试的设备到developer 后台了,如果你已经连接好手机的话。

3:添加真机调试设备
3.1:获取真机的uuid

比较简单的获取设备id 的方法是通过 xcode ,手机链接到电脑后 :

image.png

在新的弹窗里面点击 cancel 关闭弹窗

image.png 至此您已经获得了你手机的设备号,然后复制这个设备号码,添加到开发者后台。

3.1:添加真机的uuid

登陆:developer.apple.com/account/res… 点击 + 添加您的设备

image.png

image.png

需要特别说明的是:
真机测试设备一旦添加不能删除,最多可以添加100个测试设备,一个计费周期(1年)可以重置一次测试设备列表。简言之1年内最多添加100个测试真机,一旦添加计费周期内不能删除。

4:创建正式/测试证书:

image.png

image.png

image.png

打开钥匙串【command+空格】——【输入“钥匙串”回车】——选择【从证书颁发机构请求证书】

打开证书助理,输入开发者后台的登录邮箱,选择存储到磁盘,然后在弹出的文件位置中选择存储

接着继续,选择请求证书,点击继续进入以下界面,开发者证书创建完成

点击 界面中的【Download】,保存证书到本机

双击证书安装后,即可在钥匙串中看到刚安装好的开发证书

以上就是证书创建全过程,发布证书创建步骤一样,不同的是步骤 中的证书类型为Apple Distributi

5:创建 Identifiers

创建地址:developer.apple.com/account/res… image.png

image.png

image.png

在接下来的界面填写描述信息(英文名称之类的)、Bundle ID(即应用包名),填写完点击【Continue】继续

确认信息无误,点击【Register】注册

至此 就是APPID的创建过程

6:创建描述文件Profile

image.png

image.png

  • 3 在该界面中选择描述文件要包含的应用,点击【Continue】继续
  • 4 在该界面中选择描述文件要包含的证书,开发描述文件选择开发证书,点击【Continue】继续
  • 5 在该界面中选择描述文件要包含的调试设备,点击【Continue】继续
  • 6 填写描述文件名称,点击【Generate】创建描述文件
  • 7 描述文件创建完成,点击【Download】下载描述文件到本地
  • 8 以上就是描述文件的创建过程,如果要和他人合作开发,将描述文件和p12文件一起发给对方安装即可,例子中创建的为开发描述文件和证书,如果要发布,还需要创建发布描述文件和发布p12证书

最后双击下载到本地的描述文件,文件会闪一下,即描述文件安装成功,

之后在xcode 中选择证书:

image.png

至此你已经可以进行设备调试了。

特别说明:新的ios 系统需要打开调试模式才能进行调试工作,设置路径为: 设置 -> 隐私与安全 -> 拉到最下面,开发者模式打开,如果需要可以把锁定模式也关闭了。至此你已经可以开始真机调试了。 在 xcode 中添加开发者账号的时候新版的已经会自动的创建证书和添加测试设备了,你只需要创建描述文件并按照就可以调试了

真机调试问题:由于flutter 打包机制的问题,在真机调试时,如果设备断开连线就会出现退出后,再次进入app 闪退的情况,也没有报错。这个情况下需要修改发包模式为 release 模式,重新打包安卓就可以了。
xcode 的设置如下:

image.png

image.png

APPIcon 设置

image.png

按照要求上传对应尺寸的icon 内容就可以了。

启动图制作

1:启动图制作

先制作一张启动图,png格式。 启动图制作脚本
github.com/QiShare/QiA…
这个是个ios 项目,构建并运行后选择路径上传图片就会生成各个尺寸需要的图片到指定的文件夹

注意一个坑点! 注意一个坑点! 注意一个坑点! 如果是横屏的图,那么图片的像素严格按照“宽2208,高1242”来制作!
图片直接拖进 Assets

2:页面制作

2.1

LaunchSrceen取消Use Safe Area的勾选,目的是防止刘海屏的手机有空白的填充

image.png

2.2

  • 选中view并拖入一个 imageVIew 组件.

image.png

  • imageView添加约束,上下左右全是0

image.png

  • imageView添加图片,并设置铺满属性

image.png

  • Targets -> General中设置启动图

image.png

重启设备,完事儿。

APP 名字修改

image.png