第二届中国 PWA 开发者日
为加速推动渐进式 Web 应用 (PWA) 在中国的发展,微软、英特尔与谷歌于 2022 年 8 月 6 日携手举办第二届中国 PWA 开发者日活动。 本次活动邀请一众业界大咖围绕 PWA 展开分享,探讨最新技术进展,以及 PWA 生态的实践与落地。开幕致辞
新的一年渐进式 Web 应用 (PWA) 又有了更多能力的引入和性能的提升,PWA
正在在技术演进的路上狂飙。我们很欣慰地见到 PWA
更紧密的操作系统集成和改进的用户体验,也很高兴 PWA
技术在国内各大厂商的业务实践中落地和发展。
让我们携手推动开放的 PWA 为开发者带来更高的开发效率,为客户提供更广阔的商业价值,为用户带来更便利的一致性跨平台体验。
让我们携手推动开放的 PWA 为开发者带来更高的开发效率,为客户提供更广阔的商业价值,为用户带来更便利的一致性跨平台体验。
张琦
资深技术总监
英特尔 SATG Web 平台工程
开场演讲 PWAs & MiniApps
之于迅速缩小和小程序功能差距的背景之下,拥抱小程序生态,PWA 大有机会!
过去 6 年来 PWA 本地原生能力的不断增强加上新兴的 Web Packaging 和 Web Bundles 标准,如何为 Web 开发者打造融合小程序生态的伟大平台;浏览器开发者支持小程序融合生态的机会所在;坚持 Web 标准之于跨设备的优势;将 Web 视为应用平台的集散地的优势。
As the father of the PWA, Alex will give us the open speech to discuss below topics:
The PWA opportunity in the context of closing the gaps with MiniApps capabilities: How emerging standards (Web Packaging and Web Bundles) along with the last 6 years of progress in PWA capabilities set the web up to be a great platform for challenger apps looking to grow a mini-app ecosystem. The opportunities to browser makers for supporting this work. The cross-device advantages of building for a standards-based platform. Export-market benefits of considering the web as an application platform.
过去 6 年来 PWA 本地原生能力的不断增强加上新兴的 Web Packaging 和 Web Bundles 标准,如何为 Web 开发者打造融合小程序生态的伟大平台;浏览器开发者支持小程序融合生态的机会所在;坚持 Web 标准之于跨设备的优势;将 Web 视为应用平台的集散地的优势。
As the father of the PWA, Alex will give us the open speech to discuss below topics:
The PWA opportunity in the context of closing the gaps with MiniApps capabilities: How emerging standards (Web Packaging and Web Bundles) along with the last 6 years of progress in PWA capabilities set the web up to be a great platform for challenger apps looking to grow a mini-app ecosystem. The opportunities to browser makers for supporting this work. The cross-device advantages of building for a standards-based platform. Export-market benefits of considering the web as an application platform.
Alex Russell
PWA 之父 全球合伙人产品经理
微软 Edge 浏览器团队
Take Full Advantage of a PWA
本演讲将引导您了解 PWA 中的现有工具和功能,以创建增强的体验。
This talk walks you through the existing tools and features in PWAs to create enhanced experiences.
This talk walks you through the existing tools and features in PWAs to create enhanced experiences.
丛慧君
高级解决方案顾问
Google Chrome & Web Platform
回归初心,重温 PWA 技术的现实意义
互联网诞生于自由平等的共享和创建内容的初衷,网页和论坛是曾经梦想开始的地方,移动互联网的发展创建了新的基于应用的方式来获取内容,越来越让人感到一个一个的平行世界,而成为信息的孤岛,从而让人非常怀念当年看似简陋但是便于分享和传播的网页时代。
随着微信小程序等基于Web技术的新的应用开发模式的兴起,应用和网页内容的界限不断被打破,用户社交分享或者扫描二维码来获取网页内容,已经升级为“内容+交互能力”的“小程序”。应用不再是一个个必须回到桌面再进入的图标,而是卡片、浮窗等更有利于内容的触达和分享的新的方式。此时重温PWA-渐进式Web应用,就特别能够理解Web技术不断发展,网页具备应用的能力已在眼前,对前端技术开发者而言,用统一的标准化的Web技术,实现网站到应用的自然转变,实现网站“内容即应用”并在多端之间“自由分享和运行”,已经垂手可得!
PWA 的想法是由 Google 工程师 Alex Russell 在2015 年提出的, Alex于2021年加入微软Edge团队。基于 Chromium内核的新版微软Edge浏览器于2020年1月15日发布,对整个前端技术的发展意义深远, Web技术的底层框架趋于统一,有利于桌面和移动端原本两个独立的生态走向协同和融合。本次演讲将为大家介绍 PWA技术的最新进展,并通过 Windows + Edge 深度融合,使网页具备 OS 原生应用的能力, 从而降低应用开发的成本,回归内容为本质的初心。
正所谓,跨端离不开现代化的 Windows 桌面,现代化的 Windows 桌面全力支持跨端的 PWA!
随着微信小程序等基于Web技术的新的应用开发模式的兴起,应用和网页内容的界限不断被打破,用户社交分享或者扫描二维码来获取网页内容,已经升级为“内容+交互能力”的“小程序”。应用不再是一个个必须回到桌面再进入的图标,而是卡片、浮窗等更有利于内容的触达和分享的新的方式。此时重温PWA-渐进式Web应用,就特别能够理解Web技术不断发展,网页具备应用的能力已在眼前,对前端技术开发者而言,用统一的标准化的Web技术,实现网站到应用的自然转变,实现网站“内容即应用”并在多端之间“自由分享和运行”,已经垂手可得!
PWA 的想法是由 Google 工程师 Alex Russell 在2015 年提出的, Alex于2021年加入微软Edge团队。基于 Chromium内核的新版微软Edge浏览器于2020年1月15日发布,对整个前端技术的发展意义深远, Web技术的底层框架趋于统一,有利于桌面和移动端原本两个独立的生态走向协同和融合。本次演讲将为大家介绍 PWA技术的最新进展,并通过 Windows + Edge 深度融合,使网页具备 OS 原生应用的能力, 从而降低应用开发的成本,回归内容为本质的初心。
正所谓,跨端离不开现代化的 Windows 桌面,现代化的 Windows 桌面全力支持跨端的 PWA!
宋青见
首席产品经理
微软 Edge · 开发者生态
The World of PWA Tools: From Starter to Builder
我们将讨论 PWA(渐进式 Web 应用程序)技术和 PWABuilder
套件提供的工具,可帮助您从头到尾完成 PWA 构建之旅。
我们将展示我们的一些工具的用法,并分享一些有用的资源以供进一步学习。
We are going to talk about PWA (Progressive Web App) technology and the tools that the PWABuilder suite offers to get you from start to finish on your PWA building journey. We will demonstrate usage of some of our tools and also share some helpful resources for further learning.
We are going to talk about PWA (Progressive Web App) technology and the tools that the PWABuilder suite offers to get you from start to finish on your PWA building journey. We will demonstrate usage of some of our tools and also share some helpful resources for further learning.
Justin Willis & Amrutha Srinivasan
软件工程师
微软 PWABuilder
跑在 PWA 里的小程序
Web 端是 Taro 生态中重要的一环,随着 Taro
逐渐成长为“开放式跨端跨框架解决方案”,Taro H5
的架构也需要经历蜕变才能补齐自身短板,帮助开发者获得更好的体验。我们将向您介绍借助
Taro 将小程序转换至 Web 端的方法和经验。
朱天健
前端技术专家
京东零售集团凹凸实验室
朱天健,京东前端技术专家。Taro 技术委员会,核心团队成员,主要负责 Web
端等相关能力的规划与研发工作。同时是 Tide 项目的核心开发成员,负责
tide-site 和 cloud ide 相关的研发,开放插件协议和相关接口实现等等。2019
年作为讲师出席第二届软件绿色联盟「构生态·建未来
」开发者大会,受邀参加第四届 TLC 腾讯直播大会、 GMTC-2021 深圳站、QCon+。
腾讯文档 PWA 开发实践
腾讯文档作为一款多人在线、跨平台的协作工具,积极拥抱 Web 生态,与 PWA
跨平台的特性强强联合,实现资源缓存控制、离线场景使用等等功能,只需维护一套代码实现多平台复用。同时在腾讯文档多品类多团队开发的基础之上,如何简易的接入并使用
PWA 也尤为重要,此次分享将为你揭秘腾讯文档 PWA
开发实践的那些事,让我们一起见证 PWA 技术为腾讯文档带来的更多的可能性。
彭伟宏
前端工程师
腾讯 PCG 平台与内容事业群
PWA 降本增效的探索与实践
现在的业务,一般都会有浏览器(端外)和客户端内(端内)的场景诉求。为了追求极致,往往会让端内外的代码差异越发地大,既加大了开发者成本,也降低了整体的稳定性。今天想聊聊阿里巴巴
ICBU 是如何处理这些问题的。
Web 开发虽然能够做到端内外都有基本的功能呈现,但出于对体验、稳定性、规范等考虑,又会出现端内外不一致的情况。诸如:缓存和预加载方案、原生能力调用、底层数据上报和分析等,都有所不同。
这些问题来源于 PWA 的能力和端内定制能力相似却不一致。要么增加开发者成本,要么损失一部分使用者体验。成本和体验的平衡是永恒的话题。但往往也有一条途径,那就是把一部分成本转移到工程和工具上,让开发者少了解这些差异,也能够开发出在端内外都有较好体验的产品。
Web 开发虽然能够做到端内外都有基本的功能呈现,但出于对体验、稳定性、规范等考虑,又会出现端内外不一致的情况。诸如:缓存和预加载方案、原生能力调用、底层数据上报和分析等,都有所不同。
这些问题来源于 PWA 的能力和端内定制能力相似却不一致。要么增加开发者成本,要么损失一部分使用者体验。成本和体验的平衡是永恒的话题。但往往也有一条途径,那就是把一部分成本转移到工程和工具上,让开发者少了解这些差异,也能够开发出在端内外都有较好体验的产品。
陈远宏
前端工程师
阿里巴巴 ICBU 技术部
网页的原生化之旅
简单来讲,原生(native)的优势主要集中在较好的原生体验和低成本的用户召回,劣势在于开发迭代成本高以及不具备跨平台的能力。而
Web App
则几乎相反,优势主要集中在快速开发迭代和低成本多端复用,劣势在于较差的原生体验和无法召回用户。
随着 PWA 能力的不断增强,Web App 在保留现有优势的前提下,极大的扩展了原生的能力,提供了多种原生 API,包含定位、push、添加到桌面、甚至打包成 App等能力,让 Web App 的体验更加优秀。那么今天,我们就来聊一下,一个网页的 native 化之旅。
随着 PWA 能力的不断增强,Web App 在保留现有优势的前提下,极大的扩展了原生的能力,提供了多种原生 API,包含定位、push、添加到桌面、甚至打包成 App等能力,让 Web App 的体验更加优秀。那么今天,我们就来聊一下,一个网页的 native 化之旅。
王浩宇
前端工程师
抖音集团巨量千川
新兴 Web 技术助力 PWA
2022 年,很多新兴的 Web API 加入到了 Chromium 中,使得渐进式 Web 应用
(Progressive Web Apps, PWA) 如虎添翼。功能上,Shared Storage、Web
Share、File System Access、File Handling 以及 Local Font Access 等等 API
简化了 PWA 应用对系统的访问和使用,极大地降低了前端的开发成本;性能上,
英特尔 Web 团队参与甚至领导的 Web Assembly / SIMD, WebGPU 以及 WebNN
等等项目,充分地利用 了 Intel XPU 的能力,并将 PWA
的性能极大地提高到和原生应用接近的水平。让我们快速了解新兴的 Web
技术在哪些方面助力了 PWA,提升开发效率。
张敏
软件技术经理
英特尔 SATG Web 平台工程