移动新生态趋势下的应用实践

会议室:二号厅A
出品人:梁士兴

这两年移动互联网的战场上,新的技术热点层出不穷,无论是 Apple 力推的 Co... 展开 >

专题出品人:梁士兴

美团研究员

2009年毕业于北京航空航天大学,毕业后在 IBM 中国研发中心工作,2014年7月加入到美团点评,现在任职为美团到店 BG 的大前端架构师。

在团队内担任过不同的角色,包括团队负责人和架构师。见证了美团点评业务的高速发展,参与了美团大前端架构的演变过程。因而对大前端架构有一定的理解和心得,希望能够与大家交流和分享。

梁士兴采访文章:《美团梁士兴专访:动态化、小程序、Native、AI 的趋势解读

地点:二号厅A

专题:移动新生态趋势下的应用实践

这两年移动互联网的战场上,新的技术热点层出不穷,无论是 Apple 力推的 CoreML、Swift,还是 Google 力推的 TensorFlow Lite、Flutter、Kotlin,包括国内如火如荼的小程序生态以及慢慢揭开帷幕的 5G 时代,纷纷引爆业内的研究热情。在这波新技术浪潮中,本专题核心关注:

  • 移动开发语言的演进解决了哪些具体的问题,又是如何影响我们的移动研发模式演进历程以及如何充足移动开发从业人员的生产关系;
  • On-device AI 在过去一年的实践中业内又取得什么样的进展,又哪些激动人心的实践效果展示;
  • 在5G时代将来未来的前夜,新的应用探索到了哪个阶段,哪些实际场景可能产生未来的行业爆点;
  • 除了研究热情已经如火如荼的这些技术外,哪些新的技术正在萌芽进行实践,为未来的技术发展催生更多元的可能性。

by 薛秋实

快手
客户端团队稳定性负责人

移动端开发发展到今天,业务场景越来越复杂,如何保障应用的稳定性日益成为重要课题。稳定性治理中尤其以 OOM 治理为重中之重,一半以上的问题都和 OOM 有关,并且 OOM 问题的定位也最为困难。以快手主 App 为例,仅 AB 实验就有上千项,还伴随有线上配置的随时变更,真正做到千人千面。在这种条件下,线下测试或者灰度测试都不可能覆盖线上的复杂环境,一旦发生 OOM,由于无法还原用户使用场景,极难定位。本演讲将介绍快手性能优化团队关于 OOM 治理的实践与思考。

演讲提纲:

  1. OOM 是如何产生的,原因有哪些
  2. Java 内存监控
  3. 线程 & 文件描述符监控
  4. Native 内存监控
  5. 异常退出监控
  6. 内存优化的技巧

你将获得:

  1. 了解 OOM 分类、以及产生的原因
  2. 如何做到不影响用户体验的线上实时监控
  3. 解决 OOM 的技巧

by 李国乾

便利蜂
移动端技术专家

React Native 发布至今,依旧保持着很高的社区活跃度。随着框架升级迭代、前端技术生态的演进,React Hook、Fast Refresh、Flipper、React 17 等技术、工具不断的涌现出来。一方面,业务希望 RN 升级带来新技术、新技术为自身提效赋能,另一方面,升级伴随的 breaking change、行为变更使得业务不得不考虑升级的风险和成本。便利蜂探索出一种多 RN 版本共存的平滑升级方案。支持按照页面、Component 的粒度升级,并解决了多 RN 版本带来的代码成倍膨胀、App 体积增大的问题。同时,提供一种缩短每次升级所需研发时间的思路。

演讲提纲:

  1. 便利蜂移动端的架构背景,和 RN 升级方案的选择
  2. 多版本共存的实现方案
    • 适配多版本共存的结构
    • 为旧版本带来向下兼容的性能提升
    • 处理海量的 Native Module、Native Component
  3. 业务线平滑升级的实践
  4. 降低升级 RN 框架研发时间的一些思路

你将获得:

对使用 React Native 技术栈的从业人员,提供升级 RN 版本时的方案选择、收益成本评估、最佳实践的参考。同时,对希望了解 React Native 生态、对跨端技术感兴趣的听众提供进一步的框架结构、生态的了解。

by 张龑

网易有道
Android开发专家

在大前端盛行的行业背景下,利用跨端技术来快速迭代新业务已经是一种潜在趋势。演讲将在 Flutter 的技术框架上,结合自身行业的业务背景,讲述如何构建一套体验不亚于原生端、并且具备复杂绘制(类小游戏)能力的 App 框架、如何深挖 Flutter 的“潜能”,如何时宜地使用 Flutter 来节约当前团队的研发成本。并深入浅出地从 Flutter 的性能特性、语言特性等方面来总结项目架构优化、性能优化,屏幕适配方案等,概括一些在实际研发中闭坑的方法,以及对于一码多端(Web 端和 PC 端上的探索和展望)。

演讲提纲:

  1. 网易有道教育产品线移动端架构转型的背景以及实践方法
  2. Flutter 业务架构搭建、基础设施建设,以及针对业务的架构优化
    • 旧业务平滑切入 Flutter 的演进过程
    • 全量 Flutter 工程中的开发模式变化以及演进过程
  3. 发挥 Flutter 的绘制潜能,提升开发效率以及绘制性能
    • 交互手势以及绘制模型、组件的拆解,key、gesture、matrix、float 计算等细节的"填 坑"之路
    • flare 以及 rive 引擎实践
    • 轻量级的适配方案
  4. Flutter 在 Web 和 PC 上的探索
    • Web 和移动端的代码复用之路
    • Flutter 在 PC 上和原生端通信的深度探索-包装三方的动态库之异步调用
    • 一码双端之后的一码多端之路
  5. 跨端技术方案的价值讨论

​你将获得:

希望通过本次分享,让还未接触这项技术的开发人员从中获得一些新的跨端技术可能性,让正在探索使用 Flutter 来完成业务的开发人员们对该技术有更深的了解和信心,让尝试新业务的开发人群得到更佳的利器(节约很大的开发成本),并和已经对该技术有深入了解的听众们进行更进一步的交流。

by 甘泉

爱奇艺
基线研发部 高级经理

React Native 是具有高动态化能力的跨平台开发框架,低代码是近几年非常热门的趋势,而爱奇艺早在 2018 年就尝试将二者结合,开发出了万花筒引擎和专题页低代码平台,用于快速搭建爱奇艺 App 中的各类内容展示型页面,赋能不会写代码的内容运营和编辑们,针对热门的综艺和影视剧内容,用很少的人力投入就能快速搭建出具有丰富排版和动画效果的专题页面并直接投放上线。

几年来,基于这套系统搭建出来的首页顶导航专题页 UV 峰值过亿,稳定可靠,并且依托 RN 的高动态性和引擎的高可扩展性,不断迭代优化增强的引擎可以向下兼容历史 App 版本,让不断丰富的体验触达到更多的用户。本次演讲将分享设计和应用万花筒引擎和低代码平台的实践经验,遇到的挑战以及解决思路。

演讲提纲:

  1. 业务面临的挑战和技术路线的选择
    • 既要高效率又要够灵活
    • H5 / RN / Card → Kaleidoscope
  2. 整体方案的架构设计
  3. 万花筒引擎的设计目标和实现思路
    • 基于 RN 实现引擎的高动态性
    • 基于 JS Card 实现高业务适应性
    • 基于层叠实现低数据冗余
    • 基于可嵌套容器实现高布局灵活性
    • 基于依赖注入实现高扩展性
  4. 低代码平台设计与实践
    • Card 粒度的页面搭建系统
    • 面向组件的扩展模式
    • 使用 WebIDE 编写数据填充逻辑
    • 面向多业务的开放平台
  5. 性能优化和生态建设
    • 万花筒引擎的性能优化实践
    • 低代码平台的性能优化实践
    • 开发、测试、调试、上线相关工具生态建设
  6. 上线效果和经验总结
    • 有特色的专题页效果展示
    • 回顾内容和经验总结

你将获得:

  1. RN 在应用开发中的一些实践经验,特别是性能优化、基于 DSL 的界面动态化引擎架构设计、达到更高动态性的新思路和新技术落地的实操感悟。
  2. 低代码平台的应用场景、架构设计和鲜活的应用案例。

by 吴卓

美团
技术专家

React Native(简称:RN)在移动开发领域是一个非常热门的开发框架。RN 的方案相比 Native 开发,最大的差距在性能上,尤其在用户打开页面时会感到加载速度变慢。美团从 2018 年开始基于 RN 建设高性能动态化容器,旨在让业务在享受动态化便利的同时,获得媲美 Native 开发的页面性能。演讲主要讲述在业务大规模使用 RN 的前提下,通过各种优化手段,助力业务实现页面秒开、甚至页面直出的加载体验。

演讲提纲:

  1. 美团 React Native 使用概述
  2. 页面加载时间统计
    • 指标选择
    • 统计方法
  3. 页面提升秒开率手段
    • 合理使用预下载
    • 缩减 JS 代码体积
    • 活预热及复用引擎
    • 替换高性能引擎
    • 使用 V8 引擎黑魔法
    • 优化业务代码逻辑
  4. 页面直出方案
  5. 未来探索方向

你将获得:

面向使用或打算使用 RN 的开发人员,提供 RN 使用场景做参考,方便业务做技术选型;同时,为 RN 页面的加载性能优化提供实践经验,助力业务提升 RN 页面的打开速度,其他基于 JS 引擎的动态化框架亦可借鉴其中思路。

by 李旭

58同城
资深 iOS 开发工程师

随着58本地服务的业务快速扩展,对开发效率,双端一致性,交互友好性提出了更高的要求。因此跨端技术成了我们首选方案,通过调研和尝试我们锁定了 Flutter 方向。同时58其它业务线也在紧锣密鼓的布置 Flutter ,在此基础上58无线通道委员会发起了 Flutter 共建项目,在工程脚手架,动态化,可视化埋点,效率工具等方面做了一系列方案的落地,并进行了开源。希望给关注 Flutter 的移动开发者带来帮助。

演讲提纲:

  1. 58本地服务 Flutter 应用背景和现状
    • 58商家通- Flutter混合项目
    • 58阿姨- Flutter 项目
    • 项目中遇到的集成、动态化、效率工具的问题
  2. 如何优雅的在现有项目中集成 Flutter 模块
    • 独立的 Flutter 模块的创建,开发,编译,打包,上传流程
    • Flutter 全栈的试验
    • Magpie 开源情况
  3. 轻量级的动态化方案
    • Fair 轻量级 UI 动态化框架
    • DSL 生成工具的方案
    • Fair 开源情况
  4. 针对 Flutter 效率工具
    • 可视化圈选埋点
    • 内存泄漏检测工具
    • 代码测试覆盖率工具
  5. Flutter 2.0 及对未来思考
    • Flutter 2.0 对混合开发的影响
    • 物联网终端设备开发

你将获得:

  1. 跨端技术的选型
  2. 如何优雅的在已有项目中集成 Flutter
  3. Flutter 的动态化方案
  4. Flutter 落地中的问题及解决方案

by 赵麟

每日优鲜
大前端/客户端组 团队负责人

在移动 APP 开发使用场景中,线上 release 版本出于安全和性能相关考虑要关闭日志。但线上运营过程中,会有用户反馈异常或应用市场反馈机型适配问题,在多数情况下这些反馈都是现象的书面表达缺少有效信息(1.无可复现的操作步骤,2.无现场的准确信息),为解决这些问题支持在线/离线和多系统打通的全链路日志就是必要的工具。

演讲提纲:

  1. 日志系统架构
    • 方便使用的日志类接口定义,debug和releas行为统一
    • 异步处理读写模型
      • 队列写入
      • 全异步上报
    • 用户分级和日志分级
      • 用户分桶
        • QA测试
        • 哨兵
        • 线上用户
      • 信息分级和脱敏
        • trace
        • info
        • warn
    • 数据定义和上报验证机制
  2. 服务端日志联动
    • 关联请求(界面id /request-id)
    • 关联性能快照
      • CPU,Thread
      • 内存
      • 网络
    • 关联操作路径
  3. 热修系统联动
    • 业务事件触发
    • 阈值配置

你将获得:

  1. 可实践的日志SDK
  2. 多系统打通防坑指南
  3. 避免红线 符合安全隐私政策的建议

交通指南

北京国际会议中心

Beijing International Convention Center
地址:北京市朝阳区北辰东路7号
  • 微信咨询

  • 电话咨询

    联系电话:+86 17310043226

微信联系我们

小姐姐