iPhone网页版App是什么?告诉你使用的5大优点

苹果在iOS 16.4版本中,让使用者可以把网页加入到主画面以后变成一个独立的网页App,这个网页App 是什么?使用网页App 有什么优缺点?今天这篇文章中就要跟大家聊聊,什么是网页版App?背后使用的「渐进式网路应用程式」(PWA)原理是什么?

iPhone 网页版App 是什么?

苹果在iOS 16.4 中,把Safari 的「加入主画面」这项功能再进化,不仅仅是变成书签,如果这个网页有支援PWA 技术的话,还可以变成一个简易版的独立App。

iPhone网页版App是什么?告诉你使用的5大优点

目前最显著的功能就是可以单独接收网页的推播讯息。

iPhone网页版App是什么?告诉你使用的5大优点

 

网页版App 其实你就可以把它看成是一个App,只是功能比较简单一点,但是像是开启相机、开启Apple Pay、离线存取…等功能都可以使用。

但是这项功能需要网站开发者使用PWA 的规范去架构网站才可以,如果想了解iPhone 网页App 跟一般网页变成书签有什么差别,可以参考《iOS 16.4把网页加到桌面就变App,这4大特色学起来更好用》这篇文章里面的教学以及比较。

那么PWA 是什么?使用PWA 有什么好处呢?

渐进式网路应用程式PWA 是什么?

PWA 的全名是Progressive Web App,中文叫做「渐进式网路应用程式」,是一种以网页技术为基础的应用程式开发方法。

PWA 结合了网页和App 的优点,提供了更快、更稳定、更具互动性的使用体验,同时具有传统网页无法实现的离线存取、推播通知等功能。

iPhone网页版App是什么?告诉你使用的5大优点

 

▲ 制作成网页版App 后可以在设定中设定推播方式

PWA App 在设计时有一个重要的特点,就是「渐进式增强」,也就是可以根据使用者的装置、网路环境、功能支援等条件,提供不同程度的使用体验,同时又可以逐渐增强应用程式的功能,让使用者渐渐体验到更加优秀的App 操作。

PWA 使用的4 大技术

  • Web App Manifest:定义了应用程式的基本资讯,例如名称、图示、主题色彩等。
  • Service Worker:在背景执行的JavaScript 程式,暂存网页资源、实现离线存取、推送通知等功能。
  • App Shell 模型:将应用程式的介面和核心逻辑分离,以提高首次载入速度。
  • Responsive Web Design:基于弹性布局和弹性图片等技术,实现跨平台的设计和开发。

PWA 的5 大优点

PWA 很重要的一个特点就是不需要下载、安装,直接透过浏览器即可存取,这也是为什么iOS 16.4 可以透过「加入主画面」的功能将PWA 网页做成网页App。

PWA 也可以在任何设备上运作,包括桌面电脑、平板电脑、手机等,具有良好的跨平台支援性,包含iOS、Android、PC 都可以。

iPhone网页版App是什么?告诉你使用的5大优点

▲ Android 上也可以使用PWA 规范下的网页版App

  • 快速:PWA 具有快速载入、动画效果流畅和即时回应的特色。
  • 可靠:PWA 可以在不稳定的网路环境下工作,并支援离线存取,可以随时随地取用资讯。
  • 安全:PWA 可以在HTTPS 安全协定下运作,保证使用者资讯的安全性。
  • 跨平台:PWA 可以在各种不同的平台和浏览器上执行,开发成本低,易于维护和更新。
  • 可发现性:PWA 可以被搜索引擎索引,并且可以透过分享连结的方式传递。

iPhone网页版App是什么?总结

总结来说,iPhone 网页版App 可以简化企业开发App 的流程,因为PWA 是基于Web 技术开发的,开发人员可以使用现有的技术、工具和平台来开发PWA,而不需要学习新的技术或开发环境。此外,由于PWA 的代码是单一版本的,因此维护也变得容易,因为开发人员只需要更新一个版本的代码。

对于使用者来说,也不用在iPhone 上透过App Store 安装App,在浏览网页时把网页加入主画面就是一个App 了,大幅简化了取得App 的时间成本,而多数App 可以做到的效果在网页版App 上也能够达成。

THE END