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

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

第1章 混合工程

1.1 Flutter 工程体系

1.1.1 混合工程研发体系介绍

      工程研发体系的关键点包括:

  • 混合工程下的Flutter 研发结构。在混合工程中,一个全局视角的研发结构是什么样的。
  • 工程结构。已有的Native 工程如何引入Flutter,工程结构如何组织,如何管理Flutter 环境,如何编译构建和集成打包等。
  • 构建优化。如何针对Flutter 的工具链(flutter_tools、IntelliJ 插件等)进行调试与优化。
  • Native 启动下的Flutter 调试。不同于Flutter 启动下的一体化调试,这种Native 启动(Xcode、Android Studio 启动,或点击图标打开应用)下的Flutter 调试,我们称为分离式调试。分离式调试可以简化flutter_tools 带来的复杂度,提高调试的稳定性和灵活性。
  • Native 启动下的Flutter 热重载。
  • 联合调试。同时调试Flutter 和Android/iOS。
  • 持续集成。混合环境下的Flutter 构建与持续集成。

1.1.2 混合工程下的Flutter 研发结构

      如图1-1 所示,在这个工程研发体系中,基于Flutter 的官方仓库,开发者可以获取引擎依赖,进行适当修改,以满足定制化场景下的需求。开发完毕各模块后发布到私有Pub 仓库,再通过pubspec.yaml 被业务代码依赖和集成。在构建时,首先将Dart 代码编译成产物(App.framework 或Snapshot),再通过标准的Pod(iOS)依赖或者Gradle(Android)依赖集成到IPA(iOS)和APK(Android)中去。对于Native 开发人员,无须关注Flutter 部分的细节;对于Flutter 开发人员,可以通过启动Flutter 工程调试,也可以在Native 工程启动后打开Flutter 页面(Observatory 开始监听),利用Dart 远程连接的方式实现调试。

1.jpg

图1-1

1.1.3 工程结构

      这部分的核心逻辑是如何在最小改动已有iOS 或Android 工程的前提下运行Flutter。可以将Flutter 部分理解为一个单独的模块,通过Pod 库(iOS)或AAR 库(Android)的方式,由CocoaPods 和Gradle 引入主工程,如图1-2 所示。

2.jpg

图1-2

1.1.4 构建优化

      问题:Android 在由Flutter 启动时构建缓慢。

      原因: 在Flutter 工具链( flutter_tools ) 的逻辑中, 当未找到android/app/build.gradle 时,会运行gradle build,从而执行多个编译配置的构建,而不是gradle assembleDebug。

      解法:重构Android 工程,使工程应用Module 对应的build.gradle 位于android/app 下,从而符合flutter_tools 的逻辑。

      flutter_tools 的调试方法如下。

      (1)修改flutter_tools.dart,使之可打印参数。

import 'package:flutter_tools/executable.dart' as executable;

void main(List<String> args) {

  print('[KWLM]:${args.join(' ')}');

  executable.main(args);

}

      (2)删除flutter/bin/cache/fluttertools.stamp,使得fluttertools 可以被重建。

# Invalidate cache if:

# * SNAPSHOT_PATH is not a file, or

# * STAMP_PATH is not a file with nonzero size, or

# * Contents of STAMP_PATH is not our local git HEAD revision, or

# * pubspec.yaml last modified after pubspec.lock

if [[ ! -f "$SNAPSHOT_PATH" || ! -s "$STAMP_PATH" || "$(cat

"$STAMP_PATH")" != "$revision" || "$FLUTTER_TOOLS_DIR/pubspec.yaml"

-nt "$FLUTTER_TOOLS_DIR/ pubspec.lock" ]]; then

    rm -f "$FLUTTER_ROOT/version"

    touch "$FLUTTER_ROOT/bin/cache/.dartignore"

    "$FLUTTER_ROOT/bin/internal/update_dart_sdk.sh"

    VERBOSITY="--verbosity=error"

    echo Building flutter tool...

    if [[ "$CI" == "true" || "$BOT" == "true" ||

"$CONTINUOUS_INTEGRATION" == "true" || "$CHROME_HEADLESS" == "1" ]];

then

    PUB_ENVIRONMENT="$PUB_ENVIRONMENT:flutter_bot"

    VERBOSITY="--verbosity=normal"

fi

export PUB_ENVIRONMENT="$PUB_ENVIRONMENT:flutter_install"

if [[ -d "$FLUTTER_ROOT/.pub-cache" ]]; then

  export PUB_CACHE="${PUB_CACHE:-"$FLUTTER_ROOT/.pub-cache"}"

fi

  retry_upgrade

  "$DART" $FLUTTER_TOOL_ARGS --snapshot="$SNAPSHOT_PATH"

--packages= "$FLUTTER_TOOLS_DIR/.packages" "$SCRIPT_PATH"

  echo "$revision" > "$STAMP_PATH"

fi

      (3)从Flutter 运行构建,获取其入口参数。

Building flutter tool...

[KWLM]:--no-color run --machine --track-widget-creation

--device-id= GWY7N16A31002764 --start-paused lib/main.dart

Running "flutter packages get" in hello_world...

0.4s

Launching lib/main.dart on MHA AL00 in debug mode...

Initializing gradle...

Resolving dependencies...

      (4)用IntelliJ(或Android Studio,下同)打开flutter_tools 工程,新建Dart Command Line App,并基于步骤(3)获得的入参来配置“Program arguments”,如图1-3 所示。

3.jpg

图1-3

      (5)开始flutter_tools 调试,如图1-4 所示。

4.jpg

图1-4


目录
打赏
0
0
0
0
28
分享
相关文章
HashMap深度解析:从原理到实战
HashMap,作为Java集合框架中的一个核心组件,以其高效的键值对存储和检索机制,在软件开发中扮演着举足轻重的角色。作为一名资深的AI工程师,深入理解HashMap的原理、历史、业务场景以及实战应用,对于提升数据处理和算法实现的效率至关重要。本文将通过手绘结构图、流程图,结合Java代码示例,全方位解析HashMap,帮助读者从理论到实践全面掌握这一关键技术。
117 14
Python执行Shell命令并获取结果:深入解析与实战
通过以上内容,开发者可以在实际项目中灵活应用Python执行Shell命令,实现各种自动化任务,提高开发和运维效率。
68 20
GraphQL开发工具选型指南:Apipost高效调试与文档生成实战解析
本文深入解析了GraphQL开发工具Apipost在高效调试与文档生成方面的优势,对比同类工具Apifox,突出其可视化界面、实时调试及自动化文档生成等特性。Apipost通过智能代码补全、错误提示等功能简化复杂Query编写,支持一键生成标准化文档,显著提升开发效率和团队协作效果,尤其适合中大型团队应对复杂业务场景。
深度解析1688 API对电商的影响与实战应用
在全球电子商务迅猛发展的背景下,1688作为知名的B2B电商平台,为中小企业提供商品批发、分销、供应链管理等一站式服务,并通过开放的API接口,为开发者和电商企业提供数据资源和功能支持。本文将深入解析1688 API的功能(如商品搜索、详情、订单管理等)、应用场景(如商品展示、搜索优化、交易管理和用户行为分析)、收益分析(如流量增长、销售提升、库存优化和成本降低)及实际案例,帮助电商从业者提升运营效率和商业收益。
222 20
鸿蒙HarmonyOS应用开发 |鸿蒙技术分享HarmonyOS Next 深度解析:分布式能力与跨设备协作实战
鸿蒙技术分享:HarmonyOS Next 深度解析 随着万物互联时代的到来,华为发布的 HarmonyOS Next 在技术架构和生态体验上实现了重大升级。本文从技术架构、生态优势和开发实践三方面深入探讨其特点,并通过跨设备笔记应用实战案例,展示其强大的分布式能力和多设备协作功能。核心亮点包括新一代微内核架构、统一开发语言 ArkTS 和多模态交互支持。开发者可借助 DevEco Studio 4.0 快速上手,体验高效、灵活的开发过程。 239个字符
255 13
鸿蒙HarmonyOS应用开发 |鸿蒙技术分享HarmonyOS Next 深度解析:分布式能力与跨设备协作实战
鸿蒙登录页面好看的样式设计-HarmonyOS应用开发实战与ArkTS代码解析【HarmonyOS 5.0(Next)】
鸿蒙登录页面设计展示了 HarmonyOS 5.0(Next)的未来美学理念,结合科技与艺术,为用户带来视觉盛宴。该页面使用 ArkTS 开发,支持个性化定制和无缝智能设备连接。代码解析涵盖了声明式 UI、状态管理、事件处理及路由导航等关键概念,帮助开发者快速上手 HarmonyOS 应用开发。通过这段代码,开发者可以了解如何构建交互式界面并实现跨设备协同工作,推动智能生态的发展。
212 10
鸿蒙登录页面好看的样式设计-HarmonyOS应用开发实战与ArkTS代码解析【HarmonyOS 5.0(Next)】
鸿蒙Flutter实战:14-现有Flutter 项目支持鸿蒙 II
本文介绍了如何将现有 Flutter 项目适配鸿蒙系统,详细步骤包括安装 FVM、使用 FVM 安装 Flutter SDK、搭建开发环境、创建项目架构和壳工程等。
344 4
鸿蒙Flutter实战:14-现有Flutter 项目支持鸿蒙 II
深入解析BeautifulSoup:从sohu.com视频页面提取关键信息的实战技巧
深入解析BeautifulSoup:从sohu.com视频页面提取关键信息的实战技巧
速卖通AliExpress商品详情API接口深度解析与实战应用
速卖通(AliExpress)作为全球化电商的重要平台,提供了丰富的商品资源和便捷的购物体验。为了提升用户体验和优化商品管理,速卖通开放了API接口,其中商品详情API尤为关键。本文介绍如何获取API密钥、调用商品详情API接口,并处理API响应数据,帮助开发者和商家高效利用这些工具。通过合理规划API调用策略和确保合法合规使用,开发者可以更好地获取商品信息,优化管理和营销策略。
阿里云DataWorks深度评测:实战视角下的全方位解析
在数字化转型的大潮中,高效的数据处理与分析成为企业竞争的关键。本文深入评测阿里云DataWorks,从用户画像分析最佳实践、产品体验、与竞品对比及Data Studio公测体验等多角度,全面解析其功能优势与优化空间,为企业提供宝贵参考。
185 13

推荐镜像

更多