3.对构建面向未来的网络应用程序的探索-陆远

1 . Web开发 现在与未来 探索 构建面向未来的网络应用程序 鼎道智联 2021.11.27 2021 Dingdao Internal. All rights reserved. 

2 .鼎道智联 & PWA 2021 Dingdao Internal. All rights reserved. 2 

3 . The same core 2021 Dingdao Internal. All rights reserved. 3 

4 . 什么我们理解的 PWA？ 主要大纲 1. 我们如何借助 PWA What 构建面向未来的网络应用程序？ PWA 在何处落地？ 6. 2. How Where 5W1H 5. 3. Who When 谁在为 PWA 的进化 PWA在过去是什么样的？ 进行着努力？ 4. 它未来又在何方？ Why 2021 Dingdao Internal. All rights reserved. 当下的这些网络应用程序中为什么选择 PWA？ 4 

5 .1. What 什么是我们理解的 PWA？ 2021 Dingdao Internal. All rights reserved. 5 

6 . Frances Berriman & Alex Russell 安全 PWA 10 要素 可分享 渐进式 可安装 响应式 可重新 无需 接入 网络 类应用 可检测 程序 保持 最新 2021 Dingdao Internal. All rights reserved. 6 

7 . The P in PWA a progressive launch, feature by feature PWA 是现代的网站，受益于当下随处可以触达的网，结合了在“Android、iOS、桌面应用程 序”中深受用户喜爱的所有友好功能。PWA 利用了一组最佳实践和现代 web API，可以根据 业务特性和优先级独立实施。 来自《How Progressive Web Apps can drive business success》 2021 Dingdao Internal. All rights reserved. 7 

8 . Wikipedia Web Application 一个在线邮箱，一个电商平台，一个即时通讯工具， 你的博客，你的公司的官网。 2021 Dingdao Internal. All rights reserved. 8 

9 . Website <--> PWA {manifest.json} promote 2O+ members Progressive Website Web App Service Worker degrade 2021 Dingdao Internal. All rights reserved. 9 

10 .2. Where PWA 在何处落地？ 2021 Dingdao Internal. All rights reserved. 10 

11 . 多平台 多用户代理 2021 Dingdao Internal. All rights reserved. 11 

12 .PWA 的多种形态 https://sudoku.jull.dev/ 安装后 – Standalone PWA 安装后 – Tabbed PWA 安装前 - Webpage 2021 Dingdao Internal. All rights reserved. 12 

13 .2021 Dingdao Internal. All rights reserved. 13 

14 .3. When PWA 在过去是什么样的？它未来又在何方？ 2021 Dingdao Internal. All rights reserved. 14 

15 .Web Apps 进化史 梳理网络应用程序的发展历程有利于使我们： • 了解网络应用程序的发展脉络。 • 发现历代发展中遇到的问题与阻碍，项目失败或更迭的原因。 • 理解围绕着历代发展所凝聚出来的所有相关的 Web 标准。 • 知晓浏览器厂商在实现它们时所经历的设计变动，以及可能遗留下来的历 史包袱。 2021 Dingdao Internal. All rights reserved. 15 

16 .Google Gears • LocalServer API • Database Module API • WorkerPool Module API • Desktop API • Geolocation API 2021 Dingdao Internal. All rights reserved. 16 

17 .Google Gears 版本 发布日期 描述 备注 0.1 2007年5月31日 最初版本。 2008年5月28日 开源，项目名称 Gears 0.2 0.2 2008年2月22日 改为 Gears。 Released! 2008年5月28日 开源，项目名称改为 Gears。 增加添加桌面图标的功能，支援 0.3 2008年6月11日 Fly, Gears 0.3! Firefox 3。 地理定位 API / Event handling 0.4 2008年8月22日 for upload / download transfer Gears 0.4 is here! progress, 40 种语言的本地化 升级了 SQLite 数据库，能够从 WiFi 信号获得地理定位, 增强 Gears 0.5.21.0 0.5 2008年11月24日 LocalServer 上的管理数据集合 Released API。 2021 Dingdao Internal. All rights reserved. 17 

18 .Chrome Extensions • 扩展 • 浏览器扩展 Extensions + • Packaged Apps 又称 Chrome Apps • Packaged App (“v1”) 已废弃 • Platform App (“v2”) 已废弃 • Hosted Apps 已废弃 • Bookmark Apps 已废弃 2021 Dingdao Internal. All rights reserved. 18 

19 .Chrome Extensions 2021 Dingdao Internal. All rights reserved. 19 

20 .API 的变迁 Private Standard 2021 Dingdao Internal. All rights reserved. 20 

21 .Native vs Web Native Web 2021 Dingdao Internal. All rights reserved. 21 

22 .4. Why 当下的这些网络应用程序中为什么选择 PWA？ 2021 Dingdao Internal. All rights reserved. 22 

23 .Web Apps 2021 Dingdao Internal. All rights reserved. 23 

24 .MiniApps 2021 Dingdao Internal. All rights reserved. 24 

25 .Electron + Local, Offline Online 2021 Dingdao Internal. All rights reserved. 25 

26 .Native, Electron, PWA Run Mode 2021 Dingdao Internal. All rights reserved. 26 

27 .重新组装 HTML5 Service Worker JavaScript 2021 Dingdao Internal. All rights reserved. 27 

28 .重新组装 全新的开发语言 私有的界面库 私有 API 代码转换 编译过程 全新技术栈 2021 Dingdao Internal. All rights reserved. 28 

29 .Native Wrappers Native Wrappers 2021 Dingdao Internal. All rights reserved. 29