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

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

1.1.6 Native 启动下的Flutter 热重载

      启动App,进入Flutter 页面,查找Observatory 端口x 和认证码y。

      在Flutter 工程目录下, 执行flutter attach --debug-uri=http://127.0.0.1:x/y/。

kylewong@KyleWongdeMacBook-Pro fwn_idlefish % flutter/bin/flutter

attach --debug-uri=http://127.0.0.1:63515/2T0iU5TV0As=/

[KWLM]: [attach, --debug-uri=http://127.0.0.1:63515/2T0iU5TV0As=/]

Syncing files to device KyleWong's iPhone...

 To hot reload changes while running, press "r". To hot restart (and

rebuild state), press "R".

An Observatory debugger and profiler on KyleWong's iPhone is available

at: http://127.0.0.1:63515/2T0iU5TV0As=/

For a more detailed help message, press "h", To detach, press "d";

to quit, press "q".

      修改Dart 源代码,然后在Terminal 中输入r(位于'to quit,press"q"'之后)。

      new Padding(

         padding: new EdgeInsets.only(left: 22.0),

         child: createButton(

             videoIsFullScreen,

             {

                'foreground': 'fundetail_superfavor_white',

                'background': 'super_favor_unhighlight'

             },

             'super_favor_highlight',

             '赞',

             buttonSelectedStatus['superfavor'], () {

      superLikeComponent.clickV2(widget.itemInfo.itemId,

widget.itemInfo.userId, widget.itemInfo.fishPoolId,

                widget.itemInfo.superFavorInfo.superFavored,

widget.itemInfo.trackParams);

        }),

      )

      这里将超赞文案换成了“赞”。可以看到Terminal 显示"Initializing hot reload...Reloaded...",结束后,设备上变更生效,左下角文案变成了“赞”,如图1-11 所示。

      在Android 中,Native 启动的Flutter 调试和热重载与iOS 类似,不同的是可通过IDE Logcat 或者ADB Logcat | grep Observatory 获取端口,端口转发使用ADB forward。

1.jpg

图1-11

1.1.7 Native 与Flutter 联合调试

      除了可以在任意时刻(Flutter 启动后)调试Flutter,还可以使用Android Studio 的Attach Debugger to Android Process 调试Android,这就实现了Android 与Flutter 联调。同样,结合Xcode 的Attach to Process,可以实现iOS 与Flutter 联调。

1.1.8 持续集成

      闲鱼团队有Native 开发人员和Flutter 开发人员,因此区分了Flutter模式和Native 模式。有一台公共设备(Mac Mini)安装了Flutter 环境并负责Flutter 相关的构建,构建好的产物以AAR(Android)或Pod 库(iOS)的形式集成到Native 工程下(可以认为Flutter 相关的代码就是一个模块),用于构建最终产物APK(Android)或IPA(iOS)的CI 平台最终也通过产物方式集成Flutter 并打包。

相关文章
|
1月前
|
存储 缓存 算法
HashMap深度解析:从原理到实战
HashMap,作为Java集合框架中的一个核心组件,以其高效的键值对存储和检索机制,在软件开发中扮演着举足轻重的角色。作为一名资深的AI工程师,深入理解HashMap的原理、历史、业务场景以及实战应用,对于提升数据处理和算法实现的效率至关重要。本文将通过手绘结构图、流程图,结合Java代码示例,全方位解析HashMap,帮助读者从理论到实践全面掌握这一关键技术。
89 13
|
9天前
|
供应链 搜索推荐 API
深度解析1688 API对电商的影响与实战应用
在全球电子商务迅猛发展的背景下,1688作为知名的B2B电商平台,为中小企业提供商品批发、分销、供应链管理等一站式服务,并通过开放的API接口,为开发者和电商企业提供数据资源和功能支持。本文将深入解析1688 API的功能(如商品搜索、详情、订单管理等)、应用场景(如商品展示、搜索优化、交易管理和用户行为分析)、收益分析(如流量增长、销售提升、库存优化和成本降低)及实际案例,帮助电商从业者提升运营效率和商业收益。
79 17
|
30天前
|
物联网 调度 vr&ar
鸿蒙HarmonyOS应用开发 |鸿蒙技术分享HarmonyOS Next 深度解析:分布式能力与跨设备协作实战
鸿蒙技术分享:HarmonyOS Next 深度解析 随着万物互联时代的到来,华为发布的 HarmonyOS Next 在技术架构和生态体验上实现了重大升级。本文从技术架构、生态优势和开发实践三方面深入探讨其特点,并通过跨设备笔记应用实战案例,展示其强大的分布式能力和多设备协作功能。核心亮点包括新一代微内核架构、统一开发语言 ArkTS 和多模态交互支持。开发者可借助 DevEco Studio 4.0 快速上手,体验高效、灵活的开发过程。 239个字符
216 13
鸿蒙HarmonyOS应用开发 |鸿蒙技术分享HarmonyOS Next 深度解析:分布式能力与跨设备协作实战
|
28天前
|
自然语言处理 搜索推荐 数据安全/隐私保护
鸿蒙登录页面好看的样式设计-HarmonyOS应用开发实战与ArkTS代码解析【HarmonyOS 5.0(Next)】
鸿蒙登录页面设计展示了 HarmonyOS 5.0(Next)的未来美学理念,结合科技与艺术,为用户带来视觉盛宴。该页面使用 ArkTS 开发,支持个性化定制和无缝智能设备连接。代码解析涵盖了声明式 UI、状态管理、事件处理及路由导航等关键概念,帮助开发者快速上手 HarmonyOS 应用开发。通过这段代码,开发者可以了解如何构建交互式界面并实现跨设备协同工作,推动智能生态的发展。
145 10
鸿蒙登录页面好看的样式设计-HarmonyOS应用开发实战与ArkTS代码解析【HarmonyOS 5.0(Next)】
|
25天前
|
Dart 前端开发 IDE
鸿蒙Flutter实战:14-现有Flutter 项目支持鸿蒙 II
本文介绍了如何将现有 Flutter 项目适配鸿蒙系统,详细步骤包括安装 FVM、使用 FVM 安装 Flutter SDK、搭建开发环境、创建项目架构和壳工程等。
160 4
鸿蒙Flutter实战:14-现有Flutter 项目支持鸿蒙 II
|
14天前
|
数据采集 XML API
深入解析BeautifulSoup:从sohu.com视频页面提取关键信息的实战技巧
深入解析BeautifulSoup:从sohu.com视频页面提取关键信息的实战技巧
|
25天前
|
安全 API 数据安全/隐私保护
速卖通AliExpress商品详情API接口深度解析与实战应用
速卖通(AliExpress)作为全球化电商的重要平台,提供了丰富的商品资源和便捷的购物体验。为了提升用户体验和优化商品管理,速卖通开放了API接口,其中商品详情API尤为关键。本文介绍如何获取API密钥、调用商品详情API接口,并处理API响应数据,帮助开发者和商家高效利用这些工具。通过合理规划API调用策略和确保合法合规使用,开发者可以更好地获取商品信息,优化管理和营销策略。
|
1月前
|
数据采集 DataWorks 搜索推荐
阿里云DataWorks深度评测:实战视角下的全方位解析
在数字化转型的大潮中,高效的数据处理与分析成为企业竞争的关键。本文深入评测阿里云DataWorks,从用户画像分析最佳实践、产品体验、与竞品对比及Data Studio公测体验等多角度,全面解析其功能优势与优化空间,为企业提供宝贵参考。
129 13
|
1月前
|
容器
Flutter Widget 解析
Flutter Widget 解析
|
1月前
|
数据采集 存储 JavaScript
网页爬虫技术全解析:从基础到实战
在信息爆炸的时代,网页爬虫作为数据采集的重要工具,已成为数据科学家、研究人员和开发者不可或缺的技术。本文全面解析网页爬虫的基础概念、工作原理、技术栈与工具,以及实战案例,探讨其合法性与道德问题,分享爬虫设计与实现的详细步骤,介绍优化与维护的方法,应对反爬虫机制、动态内容加载等挑战,旨在帮助读者深入理解并合理运用网页爬虫技术。

热门文章

最新文章

推荐镜像

更多