iOS混编Flutter优化&注意

前段时间根据官方不是很新的混编wiki写了一篇混编相关的demo文章,现在回看官方wiki。不知道优化了好几个版本。针对网友的回复也有回复。但现在看来部分回复可能失效,也可能不是最优解,所以亲自按照官方混编wiki优化了自己项目的混编,看看和之前有什么不同(前提是不需要修改官方flutter的混编源文件)

一、材料准备(不明白的可以先参考前一篇文章)

  • flutter环境
  • flutter module (注意文件路径最好不要出现中文,否则flutter build可能会出现UTF8等报错)
  • Xcode Debug/Release 配置文件
  • Pods (wiki教程最新,主要讲这种方式)
对比之前Flutter.framework是通过pod本地引入

1、项目目录命令行执行pod init,Podfile文件编写以下代码,后执行pod install

# 下面是复制官方demo的podfile内容修改:
# 这里写你的flutter module相对路径
flutter_application_path = '../flutter_module/'

# NewHybridDemo 是你的项目名,用你自己的,只要copy下一行代码就行
target 'NewHybridDemo' do

eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')),binding)

end

如果按官方的形式pod install总是报错,请命令行指定到你flutter module目录执行flutter packages get 完成后,在指回Xcode工程目录执行pod install

2、配置文件编写 (可以不用写了,因为pod的时候已经引入了pod的配置文件中了)


使用pod的配置即可
pod的配置文件

3、Run Script

"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build

写完执行Xcode build(cmd+B)操作,你会发现项目中并没有生成framework等Flutter资源文件。因为默认情况下xcode_backend.sh将framework打包到了flutter module中路径(flutter module)/.ios/Flutter中。

4、胶水文件导入方式(项目同级创建混编资源存放文件夹)


创建混编资源存放文件夹
  • 方式一:手动到(flutter module)/.ios/Flutter下将资源拖到刚创建好的Flutter文件夹下;
  • 方式二:修改xcode_backend.sh文件;
// 搜索  local derived_dir="${SOURCE_ROOT}/Flutter"
// 将它下面三行注释
  local derived_dir="${SOURCE_ROOT}/Flutter"
  # if [[ -e "${project_path}/.ios" ]]; then
  #   derived_dir="${project_path}/.ios/Flutter"
  # fi
  RunCommand mkdir -p -- "$derived_dir"
  AssertExists "$derived_dir"
修改`xcode_backend.sh`文件
  • 方式三:RunScript写cp代码,将(flutter module)/.ios/Flutter下将资源使用命令行代码copy到Flutter文件夹中;(建议使用,不用人工操作也不用担心官方后续修改xcode_backend.sh文件更新flutter冲突。美滋滋~)
# 删除本地Flutter文件夹
rm -rf -- "$SOURCE_ROOT/Flutter"
# 再生成Flutter文件夹
mkdir -p "$SOURCE_ROOT/Flutter"

# 编译生成
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build

# 将胶水文件copy到本地文件夹
cp -r -- "$FLUTTER_APPLICATION_PATH/.ios/Flutter/flutter_assets" "$SOURCE_ROOT/Flutter"
cp -r -- "$FLUTTER_APPLICATION_PATH/.ios/Flutter/App.framework" "$SOURCE_ROOT/Flutter"
RunScript写法

注意:如果使用pod方式做胶水文件的话,Flutter.framework就没必要导入了,pod已经处理!
framework资源使用Create groups方式导入(导入完后记得到项目配置General - Embedded Binaries中将导入好的framework添加);
其他资源文件夹flutter_assets使用Creat folder references方式导入

General - Embedded Binaries

二、优化相关

1、framework包瘦身

xcode_backend.sh瘦身代码

官方在xcode_backend.sh文件中已经有了瘦身的操作,只要在RunScript再添加一行代码(build下面,有framework才能瘦身)即可解决。

# 瘦身
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" thin

2、上架提交商店报错解决


Flutter.framework报错

使用lipo命令查看Flutter.framework信息,确实又存在x86_64

lipo命令查看Flutter.framework信息

所以解决办法就是将x86_64从framework中去除,使用lipo -remove 命令即可;方式也很多随个人喜欢。这里我只说一种,如果用pod导入的话Flutter.framework文件路径在(flutter module)/.ios/Flutter/engine/下。所以可以找到它,命令行剔除;我比较喜欢交给机器去帮我实现一些人为操作,所以我选择放到RunScript去进行操作

if [[ "$CONFIGURATION" =~ "Release" ]];then
# Release环境删除Flutter.framework "x86_64" 框架
lipo -remove "x86_64" "$FLUTTER_APPLICATION_PATH/.ios/Flutter/engine/Flutter.framework/Flutter" -output "$FLUTTER_APPLICATION_PATH/.ios/Flutter/engine/Flutter.framework/Flutter"
fi

但值得注意的是:Flutter.framwork 剔除了x86_64,虚拟机就跑不了了。所以我会放到Xcode Release环境再进行删除。

三、本文参考

0、Demo-NewHybridDemo
1、官方混编wiki
2、官方混编demo
3、Flutter iOS减包方案
4、Need to explain how to build app for submission to app store #7888
5、Submit to App Store issues: Unsupported Architecture x86

如果写不对的地方请指出,或者有更好的方式望不吝赐教!

推荐阅读更多精彩内容

  • 开篇 开局一张图,其他全靠_? 目前flutter框架还比较新,又是谷歌家的东西,所以网上的文章基本都是讲安卓和f...
    华南犀牛阅读 16,664评论 27 46
  • 一、运行Xcode编译或者flutter run/build 过程中报错:"x86_64" is not an a...
    否极泰来_2662阅读 27,650评论 47 30
  • 运行一个原生的Flutter工程(也就是纯Flutter)非常简便,不过现在Flutter属于试水阶段,要是想在商...
    Realank阅读 8,536评论 10 30
  • 总让我在寒冷之余 感到些许温暖 当最后一只雁 在最远的山边消失 当霜叶在风中飘散 你走出阴霾 总是给我些许的温暖 ...
    一树繁花_649d阅读 75评论 0 0
  • 其实我上学的时候还是蛮愿意写写东西的,大概因为那个时候人总是处于一天二十四小时学习都不够的状态,所以也就更善于思考...
    早东阅读 111评论 0 0
  • 满眼风沙望昆仑,明日君等是何人。 万年无心空虚度,一朝入戏贪痴嗔。
    醉揽星辰阅读 109评论 0 0
  • 推一部电影,由贾老板和大眼美女阿曼达·塞弗里德主演 豆瓣评分6.6 大是因为导演给了个不精彩的结尾 但还是多少给每...
    最俗阅读 72评论 0 0