Web开发：浏览器、小程序与PWA

第111篇

极客时间《许式伟的架构课》课程笔记。

窗口系统

浏览器

• 在商业价值角度，软件服务化、随时发布、跨平台是浏览器带来的三点重大进步
• 在界面开发框架的角度，浏览器带来的重大变化有以下四点

1. 操作系统的窗口系统被颠覆：一个网页只是一个窗口，不再有父子窗口
2. 窗口的绘制机制改变：之前是调用操作系统的 GDI 生成界面，现在换成了 HTML+CSS；HTML+CSS= ViewModel 层，View 层=浏览器
3. 语言限制：从语言支持角度来看，浏览器长期以来只支持 JavaScript 一门语言
4. B/S架构：本质是软件服务化，对软件架构产生了巨大影响，web程序架构设计变得重要

小程序

• 2016 年 9 月，微信小程序（最初叫“应用号”）开始内测
• 移动时代最佳的浏览器是 IM，不再是以前传统浏览器
• 微信小程序不只是一个新 OS，而且是下一代 OS
• 小程序生态存在的问题是标准不统一。支付宝小程序、手机厂商发布的“快应用”、今日头条小程序都各自迭代，无法建立统一标准
• 小程序更像是 Native 程序在线化，而不是 PC Web 移动化

PWA

• Google的移动浏览器方案叫PWA，全称 Progressive Web App，可以理解为海外版的小程序
• PWA 开始于 2015 年，比微信小程序早很多，并得到了苹果和微软的支持

PWA与小程序的差别

• 演进思路不同:PWA 基本上以兼容并对 Web 进行逐步改造升级为导向
• 关注焦点不同:PWA 更技术化，而小程序关注点在如何撬动这么庞大的用户市场
• PWA没有中心化的AppStore:它更像是一项技术标准，而不是一个封闭的操作系统
• 小程序符合现代操作系统的 “账号 (Account)- 支付 (Pay)- 应用市场 (AppStore)” 的商业闭环，但是 PWA 并没有账号，也没有支付