swift项目嵌入flutter的module混合开发(framework模式:适合多人协作开发,一个负责混合开发)
和之前一样,这个模块也是对于本地我们开发好的代码,需要到一起开发iOS的同事需要拉代码,调试的时候。这种静态包的方式就会好很多。不用在他的电脑上也搭建flutter环境,以及创建flutter项目的拉取调试等复杂的工作再做一遍。
综上所述,多人协作开发ios的项目,一人负责混合的flutter的module内容的,可以用到这种framework的形式会比较好。
但是他的弊端就是需要每次运行在项目中的时候需要负责混合开发的人员先运行一下flutter项目生成一些必要的framework。
这里我们来进行两种方式来操作我们的framework:
1.还是本地的项目生成之后将framework直接加入到项目中依赖使用
2.将framework通过cocoapods进行版本管理导入项目(就是将第一种作为一个git管理便捷多人开发的一种方式而已)
首先我们来说第一种:
1.1、 创建iOS项目
在电脑桌面Desktop创建外层文件夹 FlutterAddIOSOptionB,并在该文件下创建iOS工程iOSProject,依次执行以下命令
$ cd /Users/caoshixin/Desktop/FlutterAddIOSOptionB/MyApp
$ pod init
$ pod install
1.2. 接下来创建名字为‘ FlutteriOSPod’的Pod库
$ cd /Users/caoshixin/Desktop/FlutterAddIOSOptionB
$ pod lib create FlutteriOSPod
终端依次输入所需类型:
$ pod lib create FlutteriOSPod
Cloning `https://github.com/CocoaPods/pod-template.git` into `FlutteriOSPod`.
Configuring FlutteriOSPod template.
------------------------------
To get you started we need to ask a few questions, this should only take a minute.What platform do you want to use?? [ iOS / macOS ]> iOS
What language do you want to use?? [ Swift / ObjC ]> Swift
Would you like to include a demo application with your library? [ Yes / No ]> No
Which testing frameworks will you use? [ Specta / Kiwi / None ]> None
Would you like to do view based testing? [ Yes / No ]> NoRunning pod install on your new library.
创建完成之后会有一个工程自动打开,此工程为Pod工程,在Example->FlutteriOSPod.xcworkspace打开后可以作为独立项目在此编码iOS代码之类的,暂时先不在此进行编写原生代码,关闭退出。
当前项目目录构造:
1.3. 在FlutteriOSPod目录下创建 Flutter Module模块
$ cd /Users/caoshixin/Desktop/FlutterAddIOSOptionB/FlutteriOSPod
$ flutter create -t module flutter_module_for_ios
命令执行完后,目录文件夹下会多出一个名为flutter_module_for_ios的flutter模板项目
该项目模板包含有flutter代码模块+隐藏.ios文件。同时选中三个键可以使隐藏文件显示
command + shift + .
在当前flutter_module_for_ios文件lib中可以编码flutter相关代码,考虑到可能会在flutter项目中使用到相关插件,我们可以在pubspec.yaml中添加一个插件(如果有项目的话就可以使用自己的项目,这里只是模拟一个flutter项目开发,在文中下面我用的是现有的项目)
dependencies:flutter:sdk: fluttercupertino_icons: ^0.1.2#添加 数据持久化插件 https://pub.flutter-io.cn/packages/shared_preferencesshared_preferences: ^0.5.4+3
1.4、在flutter_module_for_ios项目中执行安装插件操作
$ cd /Users/caoshixin/Desktop/FlutterAddIOSOptionB/FlutteriOSPod/flutter_module_for_ios/
$ flutter pub get
可以看到在.ios文件夹下自动生成出来一个Podfile文件.(这里图中的.lock、Pods文件、.xcworkspace都是下面编译后的产物。这里我就偷懒直接用这个图了。看到这点不同不要惊讶呦)
1.5、执行编译该flutter_module_for_ios项目
编译后会生成Flutter所依赖的相关的库文件。我们在当前先编译出debug版本的库文件方便我们后续调试
$ flutter build ios --debug //编译debug产物
或者
$ flutter build ios --release --no-codesign //编译release产物(选择不需要证书)
观察项目中的变化,可发现有多出编译产物(这些就是flutter中编译出的静态包,引用库不同这里的包也会不同,不要惊讶。这里主要是看位置)(这里的Debug-iphonesimulator文件是在flutter项目下运行flutter run -d all运行在iphone模拟器下生成的,而Release-iphones文件是上一步编译release的产物)
我们所需要的就是这些生成出来的framework库
build目录下
ios->Debug-iphoneos-> FlutterPluginRegistrant.framework
ios->Debug-iphoneos-> 。。。(你项目中的使用第三方).framework
.ios目录下
Flutter-->App.framework Flutter-->engine-->Flutter.framework
当前生成的库都是debug版本库文件。 需要注意的是,后续若想编译出release版本的framework库,修改下面的脚本文件根据注释提示修改。因为在build生成产物之前会先重置文件为初始状态
接下来iOS工程通过Pod把这些库引入到自己的工程中了。为了方便集中快速管理操作我们可以通过创建脚本的方式对其进行管理(思路就是通过脚本创建一个文件夹,将这些散乱在各文件的库统一拷贝进来)
2.1、在flutter_module_for_ios下创建脚本文件
$ cd ../flutter_module_for_ios
$ touch move_file_debug.sh //1. 创建生成debug模式的脚本文件
$ open move_file_debug.sh //2. 打开debug模式的脚本文件
//同样下面的内容修改处做下改动,生成另外一个脚本move_file_release.sh来做release版本生成
添加以下脚本代码
if [ -z $out ]; thenout='ios_frameworks'
fiecho "准备输出所有文件到目录: $out"echo "清除所有已编译文件"
find . -d -name build | xargs rm -rf
flutter clean
rm -rf $out
rm -rf buildflutter packages getaddFlag(){cat .ios/Podfile > tmp1.txtecho "use_frameworks!" >> tmp2.txtcat tmp1.txt >> tmp2.txtcat tmp2.txt > .ios/Podfilerm tmp1.txt tmp2.txt
}echo "检查 .ios/Podfile文件状态"
a=$(cat .ios/Podfile)
if [[ $a == use* ]]; thenecho '已经添加use_frameworks, 不再添加'
elseecho '未添加use_frameworks,准备添加'addFlagecho "添加use_frameworks 完成"
fiecho "编译flutter"
flutter build ios --debug
#release下放开下一行注释,注释掉上一行代码
#flutter build ios --release --no-codesign
echo "编译flutter完成"
mkdir $out
cp -r build/ios/Debug-iphoneos/*/*.framework $out
#release下放开下一行注释,注释掉上一行代码
#cp -r build/ios/Release-iphoneos/*/*.framework $out
cp -r .ios/Flutter/App.framework $out
cp -r .ios/Flutter/engine/Flutter.framework $outecho "复制framework库到临时文件夹: $out"libpath='../'rm -rf "$libpath/ios_frameworks"
mkdir $libpath
cp -r $out $libpathecho "复制库文件到: $libpath"
注意观察脚本文件中的代码意思:将编译生成的debug版本的所需.framework库文件拷贝至ios_frameworks文件下并复制一份到FlutteriOSPod目录下,后续若想编译生成release版本库文件时还需修改脚本文件查找对应上release标识
2.2、执行脚本文件
$ sh move_file_debug(release).sh //3. 执行脚本文件
此时的ios_frameworks文件已经生成拷贝
里面包含有我们前面提到所需要的.framework所有库文件
接下来我们就要通过FlutteriOSPod库的podspec来创建依赖导出
3.1、编辑podspec文件
打开podspec文件在end前一行添加以下命令
s.static_framework = truep = Dir::open("ios_frameworks")arr = Array.newarr.push('ios_frameworks/*.framework')s.ios.vendored_frameworks = arr
添加之后文件整体长这样
3.2、在iOSProject项目的podfile文件中执行pod引用
在iOSProject工程下的podfile文件中添加
# Uncomment the next line to define a global platform for your project
platform :ios, '10.0'
source 'https://github.com/CocoaPods/Specs.git'target 'MyApp' do# Comment the next line if you don't want to use dynamic frameworksuse_frameworks!pod 'Alamofire'pod 'SnapKit'#flutterpod 'FlutteriOSPod', :path => '../FlutteriOSPod'end
之后执行
$ pod install
终端提示安装FlutteriOSPod库成功
其中FlutteriOSPod库里就包含有我们所需的上述提到的framework库
OK下面我们来试一下如何在iOS项目中跳转进flutter界面,也就是我们提到的混合开发的代码测试,基本上也就是按照官方提供的模板写
4.1、AppDelegate.swift中修改
//
// AppDelegate.swift
// MyApp
//
// Created by 曹世鑫 on 2020/3/4.
// Copyright © 2020 曹世鑫. All rights reserved.
//import UIKit
import FlutterPluginRegistrant
import Flutter@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {lazy var flutterEngine = FlutterEngine(name: "com.brainco.gameEngine")var window: UIWindow?func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {self.window?.rootViewController = UINavigationController.init(rootViewController: ViewController())self.window?.backgroundColor = .whiteself.window?.makeKeyAndVisible()initEngine()return true}private func initEngine() {flutterEngine.run();GeneratedPluginRegistrant.register(with: flutterEngine);}}
4.2、ViewController.swift
//
// ViewController.swift
// MyApp
//
// Created by 曹世鑫 on 2020/3/4.
// Copyright © 2020 曹世鑫. All rights reserved.
//import UIKit
import Flutterclass ViewController: UIViewController {override func viewDidLoad() {super.viewDidLoad()// Do any additional setup after loading the view.self.title = "原生页面"let btn: UIButton = UIButton()btn.backgroundColor = .cyanbtn.frame = CGRect(x: 50, y: 100, width: 100, height: 50)btn.addTarget(self, action: #selector(btnChoose), for: .touchUpInside)self.view.addSubview(btn);}@objc func btnChoose() {let flutterEngine = (UIApplication.shared.delegate as! AppDelegate).flutterEnginelet flutterViewController = FlutterViewController.init(engine: flutterEngine, nibName: nil, bundle: nil)// self.navigationController?.pushViewController(flutterViewController, animated: true)present(flutterViewController, animated: true, completion: {print("结果如下")})}}
集成代码较官方方式有部分不同,这里没有通过 lazy var flutterEngine = FlutterEngine(name: "com.brainco.gameEngine") 这种方式去初始化引擎,是因为FlutterViewContorller在new的时候会自动的创建一个引擎。而通过官方的方式去初始化引擎则需将该引擎设置成一个全局单例去使用
至此。第一种形式的pod本地化引入工程就已经完成。但是我们发现一个问题那就是目前感觉好像还是没有能完全剥离一台电脑上没有flutter环境配置的情况下如何去引入flutter.framework等库文件,难道要手动拷贝么,这样也不是很符合开发的初衷,接下来我会给大家介绍一下如何将创建好的私有库上传至git去托管,然后其他开发同学直接通过Git命令去引入包,这样也就从根源上解决了模块化的剥离,更为干净利落
这里项目中由于我们的代码管理是在github上面,这里我就以github来添加一个处理。至于其他的平台代码管理的话可以参考我之前写的一系列组件库的搭建,已经很详细(这里就不再赘述了)快捷传送门点这里
下面我们就开始github提交库索引。(其实github只是省了一步索引库的创建,弊端就是,git的网络不太稳定,使用git的索引库有点烦网络问题。
swift项目嵌入flutter的module混合开发(framework模式:适合多人协作开发,一个负责混合开发)相关推荐
- swift项目嵌入flutter的module混合开发(官方推荐模式)
上一篇有讲到项目混合开发配置问题. 上一篇是跟网上的各大网游搜罗的混合过程中的问题.这篇根据官方的介绍做了尝试配置比较简单.这里可以分享一下使用: 首先也是一样,在我们的项目MyApp的根目录同级文件 ...
- 原生App项目集成flutter混合开发详细指南
记得去年9月份的时候谷歌在上海有一次开发者大会,去参加的时候关注到了flutter,随后没过多久就发布了1.0版本.18年底的时候用flutter做了个小项目,发现flutter确实挺好用的.于是尝试 ...
- swift python混合开发_引用swift项目
iOS - OC 与 Swift 互相操作 前言 在 Swift 语言中,我们可以使用 Objective-C.C 语言编写代码,我们可以导入任意用 Objective-C 写的 Cocoa 平台框架 ...
- Swift项目开发实战-基于分层架构的多版本iPhone计算器-直播公开课
Swift项目开发实战-基于分层架构的多版本iPhone计算器-直播公开课 本课程采用Q Q群直播方式进行直播,价值99元视频课程免费直播.完整的基于Swift项目实战,手把手教你做一个Swift版i ...
- Flutter - Mac m1和Windows10配置flutter环境 ,iOS原生项目接入flutter
Flutter - Mac和Windows10配置flutter环境 ,iOS原生项目接入flutter 一.Mac m1配置flutter环境 1.下载flutter SDK 2.安装和配置 Flu ...
- swift 项目_如何对iOS项目进行静态分析
随着项目的扩大,依靠人工codereview来保证项目的质量,越来越不现实,这时就有必要借助于一种自动化的代码审查工具:程序静态分析. 程序静态分析(Program Static Analysis)是 ...
- 超详细的VisualDL 的项目嵌入可视化教学
超详细的VisualDL 的项目嵌入可视化教学 使用VisualDL的好处与优势: 1.形象直观地观测模型训练情况,进行调优抉择极其便利. 2.方便快捷输出各种图像,简直是用于学术写作的一大利器. 3 ...
- 新品项目交付频繁 猿团开启APP快速开发新模式
猿团项目部又一个APP新品交付:"保友无忧",项目由湖南保友有限公司申请.自猿团科技平台接收到该项目申请,到项目部接收项目.开发团队组建.模块分包到完成项目,仅仅一个月零6天时间! ...
- p2020开发_10个使您在2020年获得第一份开发工作的项目
p2020开发 For those of you looking to break into the world of web development with your first dev job, ...
最新文章
- 李永乐线性代数2020年强化课手写笔记汇总
- a - 数据结构实验之串一:kmp简单应用_中高级面试必备:快速入门数据结构和算法
- 阿里云mysql安装
- python 社区网络转化_python-将numpy打开网格转换为坐标
- 7006.vue项目之电商项目实战1-环境搭建及后台接口测试
- 关于 react createFactory 的小技巧
- DEDECMS之二 如何修改模板页
- Struts2学习(三)———— 输入校验和拦截器
- JAVA 实现《warcraft java版》游戏
- 优化方法总结(梯度下降法、牛顿法、拟牛顿法等)
- Redis--huan
- C#语言和doNet框架
- 实用干货!因子分析超全步骤总结
- 首席新媒体黎想教程:如何执行一场活动策划方案!
- 论文笔记之:Co-saliency Detection via A Self-paced Multiple-instance Learning Framework
- error: %preun(mysql-community-server-5.7.36-1.el6.x86_64) scriptlet failed
- 3-Win10屏幕截图成功后去哪里找?以及如何修改默认保存位置?
- 基于UDP的TFTP文件下载与上传
- P1000 超级玛丽游戏题解
- python微信登录模块_Python清理微信僵尸粉,基于itchat模块
热门文章
- [Error] cannot convert ‘int*‘ to ‘char*‘ for argument ‘1‘ to ‘char* gets(ch
- [日推荐]『番茄闹钟』让你专注每个25分钟!
- 2021鸿蒙手机上线时间,华为新款手机2021款(华为P50发布上市时间)
- 《系统集成项目管理》第十章 项目质量管理
- 电脑系统开机就内存占用极高
- 平安好医生与29家全球行业巨头达成全面战略合作
- IC验证零基础学习-数电部分学习笔记
- 光影切割问题之求解逆序数
- C# winform实现excel导入导出 及实现过程中的问题解决
- 现代检测技术课程实验:电桥测量位移