美文网首页
渐进式 Web 应用(PWA)

渐进式 Web 应用(PWA)

作者: quanCN | 来源:发表于2020-11-23 00:04 被阅读0次

    简介

    PWA(Progressive web apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。具有功能性,可靠性和可安装性。
    官网
    渐进式Web应用程序教程
    MDN-PWA

    特点

    PWA应用是指那些使用指定技术和标准模式来开发的web应用,这将同时赋予它们web应用和原生应用的特性,包括

    • 可发现-Discoverable
      内容可以通过搜索引擎发现
    • 可安装-Installable
      可以出现在设备的主屏幕
    • 可链接-Linkable
      你可以简单地通过一个URL来分享它
    • 网络独立性-Network independent
      它可以在离线状态或者是在网速很差的情况下运行
    • Progressive
      它在老版本的浏览器仍旧可以使用,在新版本的浏览器上可以使用全部功能。
    • 可重组性-Re-engageable
      原生平台的一个主要优势是,即使打开应用或者使用设备,也可以通过更新或新内容吸引用户
      现代Web应用也可以做到这点,例如使用Web Push API通过Service Worker直接将更新从服务器发送到应用程序,以及使用Notifications API来订阅推送通知
    • 响应式-Responsive
      它在任何具有屏幕和浏览器的设备上可以正常使用——包括手机,平板电脑,笔记本,电视,冰箱,等
    • 安全-Safe
      在你和应用之间的连接是安全的,可以阻止第三方访问你的敏感数据

    浏览器支持

    PWA不依赖单个API,而是使用各种技术来实现提供最佳Web体验的目标
    PWA所需的关键要素是service worker,现在主流浏览器都已经支持。
    其他功能,Web App ManifestPushNotificationsAdd to Home Screen也得到广泛支持。

    实现

    TWA

    TWA(Trusted Web Activity)是集成 Web 应用的新方法,可以通过基于Custom Tabs的协议将 PWA 应用和 Android app 进行集成。
    TWA

    相关文章

      网友评论

          本文标题:渐进式 Web 应用(PWA)

          本文链接:https://www.haomeiwen.com/subject/yikpiktx.html