使用 Angular 的渐进式 Web 应用程序
渐进式 Web 应用程序 (PWA) 是一种基于 Web 的跨平台应用程序模型：这种类型的应用程序正是一旦在现代网络技术的基础上开发出来，不仅可以在常见的网络浏览器中执行，还可以安装在各种移动和桌面操作系统上。从主屏幕或程序列表启动，这些应用程序会完整显示或在其自己的窗口中显示，因此与其本机对应项没有区别。总体而言，该应用程序模型适合那些无法或不愿意为不同平台多次开发同一应用程序的人。 图 1 - 使用 Angular 的渐进式 Web 应用程序 - “只是”一个 Web 应用程序：Twitter PWA 在自己的窗口中运行，具有深色模式和包含通知徽章的停靠图标 “只是”一个网络应用程序：Twitter PWA 在自己的窗口中运行，具有深色模式和包含通知徽章的停靠图标 几个月前，我们在 Host Europe 博客上向您介绍了使用 React 开发渐进式 Web 应用程序。从渐进式 Web 应用程序的角度来看，各个应用程序使用哪个框架开发并不相关。谷歌正在与微软瑞士 电话号码 起推动 PWA 模式的发展。因此， Angular 也支持渐进式 Web 应用程序也就不足为奇了。尽管默认情况下未激活 PWA 支持，但可以立即打开它 - 即使对于现有项目也是如此。为此，在命令行上执行以下 Angular CLI 命令： ng add @angular/pwa 通常，渐进式 Web 应用程序是根据十个特征来定义的，以下博客文章正是基于这些特征。上述对 Angular 的 PWA 支持已经实现了其中一些功能，其他功能则需要开发人员采取行动。有些是硬性要求，有些是软性要求。让我们来看看！ 进步 “渐进式”一词已经出现在应用程序模型的名称中：此属性意味着在旧版 Web 浏览器（例如 Internet Explorer 11）中运行的渐进式 Web 应用程序不应中断。该浏览器无法理解 PWA 接口或其他现代 Web API。
https://zh-cn.frnumbers.com/wp-content/uploads/2024/04/ss.png
但是，如果应用程序基本上也可以在较旧的浏览器中运行，例如，如果它主要是基于数据的表单应用程序，则使用现代界面不应导致应用程序在较旧的浏览器中崩溃。 为了确保对旧版浏览器的支持，有一个渐进增强的原则。在使用之前，首先检查网络浏览器是否支持特定的界面。否则，在不支持的网络浏览器中会出现错误。 Angular PWA 支持已经处理了 PWA 接口方面的渐进增强。如果应用程序中使用其他 Web 界面，则开发人员必须自行处理。 幸运的是，渐进增强就是分支：如果支持 API，就会使用它。否则，该功能可以隐藏在用户界面中或使用后备方法。例如，这可以与Web Share API一起使用，该 API 在 Android 上的 Chrome 和 iOS 和 macOS 上的 Safari 下显示操作系统的本机共享对话框。该 API 目前在其他系统上不可用。
頁:
[1]