跨端、跨語言、跨框架，現代 Web 開發的真實落地實踐丨XDC 2022

語言: CN / TW / HK
時間 2022-07-15 03:16:39

“一次編寫，到處執行”是每個研發所追求的極致效率的體現。迄今為止，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、雲原生技術架構和變革等十數個技術專場，由來自位元組、阿里、騰訊、快手等公司具備技術影響力與洞察力的行業專家負責議題把控，目前大會出品人已全部集齊，講師陣容確認完畢。除了為期兩天的沉浸式內容體驗，稀土開發者大會還為萬千開發者朋友們準備了豐厚的獎品，報名參會的開發者將有機會參與抽獎，贏取豐厚大獎，敬請期待。

「其他文章」
「」