前段时间根据官方不是很新的混编wiki写了一篇混编相关的demo文章,现在回看官方wiki。不知道优化了好几个版本。针对网友的回复也有回复。但现在看来部分回复可能失效,也可能不是最优解,所以亲自按照官方混编wiki优化了自己项目的混编,看看和之前有什么不同(前提是不需要修改官方flutter的混编源文件)
一、材料准备(不明白的可以先参考前一篇文章)
- flutter环境
- flutter module (注意文件路径最好不要出现中文,否则
flutter build
可能会出现UTF8等报错) - Xcode Debug/Release 配置文件
- Pods (wiki教程最新,主要讲这种方式)
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的配置文件中了)
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"
- 方式三: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"
注意:如果使用pod方式做胶水文件的话,
Flutter.framework
就没必要导入了,pod已经处理!
framework资源
使用Create groups
方式导入(导入完后记得到项目配置General - Embedded Binaries
中将导入好的framework添加);
其他资源文件夹flutter_assets
使用Creat folder references
方式导入
二、优化相关
1、framework包瘦身
官方在
xcode_backend.sh
文件中已经有了瘦身的操作,只要在RunScript再添加一行代码(build下面,有framework才能瘦身)即可解决。
# 瘦身
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" thin
2、上架提交商店报错解决
使用lipo命令查看Flutter.framework信息,确实又存在x86_64
所以解决办法就是将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
如果写不对的地方请指出,或者有更好的方式望不吝赐教!