發表於 程式分享

PWAs(Progressive Web Apps)學習筆記之1

可讓web apps看起來及感覺上像使用原生apps一樣,
一、特點:
1.可信賴的: 載入快速及提供離線功能
2.快速: 回應使用者的速度快
3.優勢: 在手機、平板的使用上感覺上像使用原生apps一樣

二、比較Mobile Web vs. Native Apps,其中Native Apps有以下優勢
1.Push Notifications (推播)
2.Home Screen icons讓使用更容易
3.可使用native device的功能,如相機功能
4.可離線使用

三、性能(Capability)與可觸及性(Reach)

性能(Capability) 可觸及性(Reach)
原生apps 可使用native device的功能 前三名的apps贏得大部份的使用率,其餘很難
傳統的web app native device的功能很多不可使用 高可觸及性,無界線
PWAs 可使用native device的功能 高可觸及性,無界線

四、PWAs核心功能

Service workers
背景同步
(同步使用者資料)
快取/離線支援 強化其它PWA特徵 Web Push推播
類似手機推播
Application Manifest
允許增加至主畫面
Geolocation API
可存取使用者存地理位置
RWD(Responsive design) Media API
可存取相機及麥克風