Flutter技术解析与实战——闲鱼技术演进与创新-第1章(6)

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
简介: 本书将详细讲解闲鱼Flutter&FaaS云端一体化架构,以及闲鱼基于Flutter的架构演进与创新,学习一套全面的Flutter架构应用方案。本书介绍闲鱼技术团队利用Flutter技术改造和上线复杂业务的混合工程改造实践,抽取Flutter依赖到远程的实现细节,以及使用Plugin桥接获取设备信息、使用基础网络库等混合开发实践指南。这些实践遍布闲鱼各大业务线和应用场景,为读者使用Flutter打造自己的研发体系探索一条实践之路。除了介绍闲鱼Flutter应用框架Fish Redux、开发利器AspectD、FlutterBoost等一众开源工具与开发实践指南,你还将在......

1.3 混合工程与持续集成

      本节重点介绍Flutter 混合工程中解除Native 工程对Flutter 的直接依赖的具体实现方法。

1.3.1 背景思考

      因为闲鱼采用的是Flutter 和Native 混合开发的模式,所以存在一部分开发人员只做Native 开发,并不熟悉Flutter 技术。

      (1)如果直接采用Flutter 工程结构作为日常开发,则Native 开发人员也需要配置Flutter 环境,了解Flutter 技术,成本比较高。

      (2)目前阿里巴巴集团的构建系统并不支持直接构建Flutter 项目,这也要求闲鱼解除Native 工程对Flutter 的直接依赖。

      基于这两点考虑,闲鱼希望设计一个Flutter 依赖抽取模块,可以将Flutter 的依赖抽取为一个Flutter 依赖库并发布到远程,供纯Native 工程引用,如图1-16 所示。


16.jpg

图1-16

1.3.2 实现方法

      1.Native 工程依赖的Flutter 分析

      分析Flutter 工程,会发现Native 工程对Flutter 工程的依赖主要有三部分:

  • Flutter 库和引擎。Flutter 的Framework 库和引擎库。
  • Flutter 工程。我们自己实现的Flutter 模块功能,主要为在Flutter 工程lib 目录下,由Dart 代码实现的这部分功能。
  • 自己实现的Flutter Plugin。

      解开Android 和iOS 的App 文件,可以发现Flutter 依赖的主要文件如图1-17 所示。

17.jpg

图1-17

      (1)Android 的Flutter 依赖的文件

  • Flutter 库和引擎。包括icudtl.dat、libflutter.so,以及一些class 文件。它们都被封装在flutter.jar 中,这个jar 文件位于Flutter 库目录下的[flutter/bin/cache/artifacts/engine]中。
  • Flutter 工程产物。包括isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr 和flutter_assets。
  • Flutter Plugin 。各个Plugin 编译出来的AAR 文件, 包括:isolate_snapshot_data(应用程序数据段)、isolate_snapshot_instr(应用程序指令段)、vm_snapshot_data (虚拟机数据段)、vm_snapshot_instr(虚拟机指令段)。

      (2)iOS 的Flutter 依赖的文件

  • Flutter 库和引擎。Flutter.framework。
  • Flutter 工程的产物。App.framework。
  • Flutter Plugin。编译出来的各种Plugin 的Framework,以及图1-17 中的其他Framework。

      我们只需要将编译结果抽取出来,打包成一个SDK 依赖的形式提供给Native 工程,就可以解除Native 工程对Flutter 工程的直接依赖。

      2.Android 依赖的Flutter 库抽取

      (1)Android 中Flutter 编译任务分析

      Flutter 工程的Android 打包,其实只是在Android 的Gradle 任务中插入了一个flutter.gradle 任务,而flutter.gradle 主要做了三件事(这个文件可以在Flutter 库中的[flutter/packages/flutter_tools/gradle]目录下能找到):

  • 增加flutter.jar 的依赖。
  • 插入Flutter Plugin 的编译依赖。
  • 插入Flutter 工程的编译任务,得到的产物包括两个isolate_snapshot 文件、两个vm_snapshot 文件和flutter_assets 文件夹。然后将产物拷贝到mergeAssets.outputDir,最后合并到APK 的assets 目录下。

      (2)Android 的Flutter 依赖抽取实现

      对Android 的Flutter 依赖抽取步骤如下:

      (a)编译Flutter 工程

      这部分的主要工作是编译Flutter 的Dart 和资源部分,可以用AOT 和Bundle 命令编译。

echo "Clean old build"

find . -d -name "build" | xargs rm -rf

./flutter/bin/flutter clean

echo "Get packages"

./flutter/bin/flutter packages get

echo "Build release AOT"

./flutter/bin/flutter build aot --release --preview-dart-2

--output-dir= build/flutteroutput/aot

echo "Build release Bundle"

./flutter/bin/flutter build bundle --precompiled --preview-dart-2

--asset-dir=build/flutteroutput/flutter_assets

      (b)将flutter.jar 和Flutter 工程的产物打包成一个AAR

      主要工作是将flutter.jar 和第1 步编译的产物封装成一个AAR 文件。

      添加flutter.jar 依赖。

project.android.buildTypes.each {

    addFlutterJarImplementationDependency(project,

releaseFlutterJar)

}

project.android.buildTypes.whenObjectAdded {

    addFlutterJarImplementationDependency(project,

releaseFlutterJar)

}

private static void addFlutterJarImplementationDependency(Project

project, releaseFlutterJar) {

    project.dependencies {

         String configuration

         if (project.getConfigurations().findByName("api")) {

            configuration = "api"

         } else {

            configuration = "compile"

         }

         add(configuration, project.files {

            releaseFlutterJar

         })

    }

}

      将Flutter 的产物合并到assets。

// 合并 flutter assets

def allertAsset

="${project.projectDir.getAbsolutePath()}/flutter/assets/ release"

Task mergeFlutterAssets = project.tasks.create(name:

"mergeFlutterAssets${variant.name.capitalize()}", type: Copy) {

     dependsOn mergeFlutterMD5Assets

     from (allertAsset){

           include "flutter_assets/**"

           include "vm_snapshot_data"

           include "vm_snapshot_instr"

           include "isolate_snapshot_data"

           include "isolate_snapshot_instr"

     }

     into variant.mergeAssets.outputDir

}

variant.outputs[0].processResources.dependsOn(mergeFlutterAssets)

      (c)同时将AAR 文件和Flutter Plugin 编译出来的AAR 文件一起发布到Maven 仓库

      发布Flutter 工程产物打包的AAR 文件。

echo 'Clean packflutter input(flutter build)'

rm -f -r android/packflutter/flutter/

# 拷贝flutter.jar

echo 'Copy flutter jar'

mkdir -p android/packflutter/flutter/flutter/android-arm-release &&

cp

flutter/bin/cache/artifacts/engine/android-arm-release/flutter.ja

r "$_"

# 拷贝asset

echo 'Copy flutter asset'

mkdir -p android/packflutter/flutter/assets/release && cp -r build/

flutteroutput/aot/* "$_"

mkdir -p android/packflutter/flutter/assets/release/flutter_assets

&& cp -r build/flutteroutput/flutter_assets/* "$_"

# 将Flutter 库和flutter_app 打成AAR 文件,同时发布到Ali-maven

echo 'Build and publish idlefish flutter to aar'

cd android

if [ -n "$1" ]

then

      ./gradlew :packflutter:clean :packflutter:publish

-PAAR_VERSION=$1

else

      ./gradlew :packflutter:clean :packflutter:publish

fi

cd ../

      发布Flutter Plugin 的AAR 文件。

# 将Plugin 发布到Ali-maven

echo "Start publish flutter-plugins"

for line in $(cat .flutter-plugins)

do

    plugin_name=${line%%=*}

    echo 'Build and publish plugin:' ${plugin_name}

    cd android

    if [ -n "$1" ]

    then

         ./gradlew :${plugin_name}:clean :${plugin_name}:publish

-PAAR_VERSION =$1

    else

         ./gradlew :${plugin_name}:clean :${plugin_name}:publish

    fi

    cd ../

done

      (d)纯粹的Native 项目只需要依赖我们发布到Maven 的AAR 文件即可。

      在平时开发阶段,需要实时地依赖最新的AAR 文件,所以采用snapshot 版本。

configurations.all {

    resolutionStrategy.cacheChangingModulesFor 0, 'seconds'

}

ext {

    flutter_aar_version = '6.0.2-SNAPSHOT'

}

dependencies {

    //Flutter 主工程依赖:包含基于Flutter 开发的功能、Flutter 引擎lib

compile("com.taobao.fleamarket:IdleFishFlutter:${getFlutterAarVer

sion(project)}") {

         changing = true

    }

    //其他依赖

}

static def getFlutterAarVersion(project) {

    def resultVersion = project.flutter_aar_version

    if (project.hasProperty('FLUTTER_AAR_VERSION')) {

       resultVersion = project.FLUTTER_AAR_VERSION

    }

    return resultVersion

}

相关文章
|
9天前
|
存储 调度 数据安全/隐私保护
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
鸿蒙应用打包上架流程包括创建应用、打包签名和上传应用。首先,在AppGallery Connect中创建项目、APP ID和元服务。接着,使用Deveco进行手动签名,生成.p12和.csr文件,并在AppGallery Connect中上传CSR文件获取证书。最后,配置签名并打包生成.app文件,上传至应用市场。常见问题包括检查签名配置文件是否正确。参考资料:[应用/服务签名](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-signing-V5)。
34 3
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
|
10天前
|
开发工具 芯片 开发者
鸿蒙Flutter实战:12-使用模拟器开发调试
本文介绍了如何在 M 系列芯片的 Mac 电脑上使用模拟器进行鸿蒙 Flutter 开发和调试。主要内容包括:创建 Flutter 项目、签名、创建模拟器、运行 Flutter 项目以及常见问题的解决方法。适用于希望在鸿蒙系统上开发 Flutter 应用的开发者。
25 2
鸿蒙Flutter实战:12-使用模拟器开发调试
|
13天前
|
自然语言处理 编译器 Linux
|
2天前
|
网络协议 网络安全 网络虚拟化
本文介绍了十个重要的网络技术术语,包括IP地址、子网掩码、域名系统(DNS)、防火墙、虚拟专用网络(VPN)、路由器、交换机、超文本传输协议(HTTP)、传输控制协议/网际协议(TCP/IP)和云计算
本文介绍了十个重要的网络技术术语,包括IP地址、子网掩码、域名系统(DNS)、防火墙、虚拟专用网络(VPN)、路由器、交换机、超文本传输协议(HTTP)、传输控制协议/网际协议(TCP/IP)和云计算。通过这些术语的详细解释,帮助读者更好地理解和应用网络技术,应对数字化时代的挑战和机遇。
14 3
|
2天前
|
存储 网络协议 安全
30 道初级网络工程师面试题,涵盖 OSI 模型、TCP/IP 协议栈、IP 地址、子网掩码、VLAN、STP、DHCP、DNS、防火墙、NAT、VPN 等基础知识和技术,帮助小白们充分准备面试,顺利踏入职场
本文精选了 30 道初级网络工程师面试题,涵盖 OSI 模型、TCP/IP 协议栈、IP 地址、子网掩码、VLAN、STP、DHCP、DNS、防火墙、NAT、VPN 等基础知识和技术,帮助小白们充分准备面试,顺利踏入职场。
9 2
|
5天前
|
监控 关系型数据库 MySQL
MySQL自增ID耗尽应对策略:技术解决方案全解析
在数据库管理中,MySQL的自增ID(AUTO_INCREMENT)属性为表中的每一行提供了一个唯一的标识符。然而,当自增ID达到其最大值时,如何处理这一情况成为了数据库管理员和开发者必须面对的问题。本文将探讨MySQL自增ID耗尽的原因、影响以及有效的应对策略。
16 3
|
11天前
|
机器学习/深度学习 人工智能 自然语言处理
思通数科AI平台在尽职调查中的技术解析与应用
思通数科AI多模态能力平台结合OCR、NLP和深度学习技术,为IPO尽职调查、融资等重要交易环节提供智能化解决方案。平台自动识别、提取并分类海量文档,实现高效数据核验与合规性检查,显著提升审查速度和精准度,同时保障敏感信息管理和数据安全。
57 11
|
7天前
|
Kubernetes Cloud Native 云计算
云原生技术深度解析:重塑企业IT架构的未来####
本文深入探讨了云原生技术的核心理念、关键技术组件及其对企业IT架构转型的深远影响。通过剖析Kubernetes、微服务、容器化等核心技术,本文揭示了云原生如何提升应用的灵活性、可扩展性和可维护性,助力企业在数字化转型中保持领先地位。 ####
|
7天前
|
自然语言处理 并行计算 数据可视化
免费开源法律文档比对工具:技术解析与应用
这款免费开源的法律文档比对工具,利用先进的文本分析和自然语言处理技术,实现高效、精准的文档比对。核心功能包括文本差异检测、多格式支持、语义分析、批量处理及用户友好的可视化界面,广泛适用于法律行业的各类场景。
|
11天前
|
机器学习/深度学习 人工智能 自然语言处理
医疗行业的语音识别技术解析:AI多模态能力平台的应用与架构
AI多模态能力平台通过语音识别技术,实现实时转录医患对话,自动生成结构化数据,提高医疗效率。平台具备强大的环境降噪、语音分离及自然语言处理能力,支持与医院系统无缝集成,广泛应用于门诊记录、多学科会诊和急诊场景,显著提升工作效率和数据准确性。

推荐镜像

更多