跨端、跨语言、跨框架,现代 Web 开发的真实落地实践丨XDC 2022

语言: CN / TW / HK

“一次编写,到处运行”是每个研发所追求的极致效率的体现。迄今为止,Web 开发仍然是互联网技术中最为复杂的环节之一,无论是从前端的 HTML、CSS、Node、NPM,还是到服务端的 Java、Spring Boot,再到部署环境的 Docker、K8s,以及各种类型的数据库产品,都会用到众多技术、语言与工具。

现代 Web 开发,经过十几年的爆发式发展,创造了众多的交互可能性,也迎来了 Web 3.0 的时代契机。然而业务的持续变化、场景的多样性、跨端/框架/语言的复杂性,带来了开发复杂性、网络安全隐患、多中心化导致的多端界限模糊等一系列问题。

如何准确判断 Web 技术发展带来的新需求?如何满足开发者和用户共同的诉求?如何利用 WebAssembly 等新技术解决实际问题?如何实现开放技术下的网络安全?如何为前端代码加固、动效交付提效?

7 月 22、23 日即将举办的第二届稀土开发者大会(XDC 2022)上,由美团买菜用户前端负责人李燕青作为出品人的《现代 Web 开发》专场,将为Web开发工程师们带来各个大厂在现代 Web 开发中的技术分享。本届开发者大会免费报名中,点击链接识别海报二维码即可与各位牛人分享交流。

演讲主题:基于 WebAssembly 和 QUICKJS 建设新一代 Web 开放容器

Web 侧的开放技术长期以来一直在寻找最好的解决方案,从早期基于 Webview + API 管控的开放形式 ,到目前基于小程序的重容器的架构方案。或多或少都无法全面的解决开发者体验的问题,API 开放形式无法做到安全管控,小程序开放形式的架构必然会给业务带来孤岛效应。如何给开发者带来更好的研发体验、给商家带来更好的产品体验一直是我们淘宝开放技术前端团队的命题。经过半年的技术演进和业务落地,我们自研了一套基于 Webassembly + QuickJS 的架构方案,来解决上述的问题。

演讲大纲:

  1. 业务背景 & 思考

  2. 目标

  3. 架构方案 & 细节

  4. 过程遇到的问题

  5. 业务结果

  6. 展望未来

演讲嘉宾:

章健 淘宝开放平台前端负责人

淘宝前端技术专家,淘宝开放平台前端负责人,专注于开放场景的前端侧技术体系建设,负责从研发侧开发者工具(IDE)到端侧运行时框架的全链路交付,现致力基于 WebAssembly + QuickJS 技术体系建设面向电商场景的新一代开放技术容器,在安全开放的前提下提升研发效率。

演讲主题:美团买菜 B 端容器化实践

目前美团的主要动态化技术栈是 MRN。在应用 MRN 的过程中,我们 B 端的独立应用又遇到了新的问题:基础 API 无法满足业务需求,需要自建或重写 API。 这个问题进而引发了如下问题: 1. 应用维护组人力有限,无法投入足够的人力进行 API 的维护。 2. 很多场景需要业务发布到不同的应用上,但各个应用能力不足,无法直接发布。 我们通过分析问题、对标业界,提取解决方案的核心因素:一致性和隔离性。 继而在这个基础上建立从基础组件到 API 到 UI 组件 到业务场景的整套方案。

演讲大纲:

  1. 相关背景

  2. 解决方案推衍

  3. 容器化方案

  4. 落地成果

  5. 未来规划

演讲嘉宾:

高超 美团大前端技术专家

美团买菜配送、运输业务的终端负责人,主要负责配送、运输相关的 Web 系统和移动端应用,同时负责美团买菜 B 端移动端的架构统一和升级。

演讲主题:浅谈大环境下的前端代码加固

随着 Web 的迅速发展,前端代码的安全性也被日益重视起来,爆火的 H5 小游戏,第一时间就会被人抄袭,各种商城抢购活动,羊毛党往往让正常用户一无所获,足够的利益驱动使得前端是黑产突破的第一道屏障。企业安全领域中经常会利用 Web 前端代码加固增加黑产攻击的成本,本主题主要分享前端代码加固中常用的技术实现。

演讲大纲:

  1. 什么是前端加固

  2. 哪些场景更注重代码加固被破解的后果

  3. 业内通用方案

  4. 原理实现

  5. 技术对比

  6. 未来发展

演讲嘉宾:

李华武 极意网络科技前端工程师

从事 Web 前端,负责公司验证码业务的开发,熟悉浏览器逆向对抗。

演讲主题:如何为大型活动的动效交付提效:动效平台

当前在日常 H5 活动开发和活动开发场景下,前端动效的开发已经不仅是简单的 CSS、JS 动画,而是对效果、性能、稳定性有极强的要求,这对复杂动效的开发有一定的门槛。而在动效交付的完整流程中,不仅有前端工程师的参与,还有设计师的参与,所以完整的动效交付流程、交付标准缺乏平台级承载。 动效平台就是为了解决复杂动效开发困难以及动效交付流程提效的问题。通过一个一站式在线平台,解决了动效阶段拆解、编排、转换、合并播放等一系列问题,也做到了复杂动效的一站式交付。

演讲大纲:

  1. 相关背景简介

  2. 动效平台是什么

  3. 动效平台的整体架构

  4. 遇到了哪些困难以及解决方案

  5. 当前落地成果

  6. 动效平台的未来规划

演讲嘉宾:

李京 快手前端开发工程师

从事前端技术开发 8 年,在动效、低代码、数据可视化领域有深入探索,在相关工具建设方面有丰富经验。

本届大会策划的专题除现代 Web 开发以外,还包括了开源和商业化探索、大前端、低代码、业务背后的架构演进、微服务和 Serverless、云原生技术架构和变革等十数个技术专场,由来自字节、阿里、腾讯、快手等公司具备技术影响力与洞察力的行业专家负责议题把控,目前大会出品人已全部集齐,讲师阵容确认完毕。除了为期两天的沉浸式内容体验,稀土开发者大会还为万千开发者朋友们准备了丰厚的奖品,报名参会的开发者将有机会参与抽奖,赢取丰厚大奖,敬请期待。