Progressive Web App(PWA)
Progressive Web App
- 一、 PWA 宣傳 : Reliable ( 可靠的 )、Fast( 快速的 )、Engaging( 可參與的 )
- 二、什么是Progressive
- 三、為什么我們需要Progressive Web App
一、 PWA 宣傳 : Reliable ( 可靠的 )、Fast( 快速的 )、Engaging( 可參與的 )
- Reliable : 為什么他是可靠的呢,當(dāng)用戶從手機(jī)主屏幕啟動(dòng)時(shí),不用考慮網(wǎng)絡(luò)的狀態(tài)是如何,都可以立刻加載出 PWA。
- Fast:這一點(diǎn)應(yīng)該都很熟悉了吧,站在用戶的角度來考慮,如果一個(gè)網(wǎng)頁(yè)加載速度有點(diǎn)長(zhǎng)的話,那么我們會(huì)放棄瀏覽該網(wǎng)站,所以 PWA 在這一點(diǎn)上做的很好,他的加載速度是很快的。
- Engaging : PWA 可以添加在用戶的主屏幕上,不用從應(yīng)用商店進(jìn)行下載( 似乎省了下載流量哦!)他們通過網(wǎng)絡(luò)應(yīng)用程序 Manifest file 提供類似于 APP 的使用體驗(yàn)( 在 Android 上可以設(shè)置全屏顯示哦,由于 Safari 支持度的問題,所以在 IOS 上并不可以 ),并且還能進(jìn)行 ”推送通知” 。
二、什么是Progressive
PWA不是API或技術(shù),但它是一種Web開發(fā)方法,它使用已有的工具和技術(shù)組合來創(chuàng)建有針對(duì)性的理想用戶體驗(yàn)。
漸進(jìn)式Web應(yīng)用程序是:
漸進(jìn)式- 適用于每個(gè)用戶,無論瀏覽器選擇如何,因?yàn)樗且詽u進(jìn)增強(qiáng)為核心原則構(gòu)建的。
自適應(yīng)- 適合任何形式:桌面設(shè)備,移動(dòng)設(shè)備,平板電腦或其他任何設(shè)備。
獨(dú)立連接- 增強(qiáng)服務(wù)人員脫機(jī)工作或低質(zhì)量網(wǎng)絡(luò)。
APP樣-感覺就像是一個(gè)應(yīng)用程序,因?yàn)閼?yīng)用程序殼模型分離的應(yīng)用程序的功能從應(yīng)用內(nèi)容。
新鮮- 由于服務(wù)工作者更新過程,始終保持最新狀態(tài)。
安全- 通過HTTPS提供服務(wù)以防止窺探并確保內(nèi)容未被篡改。
可發(fā)現(xiàn)- 由于W3C清單和服務(wù)工作者注冊(cè)范圍,可以識(shí)別為“應(yīng)用程序”,允許搜索引擎找到它。
可重新參與 - 通過推送通知等功能輕松實(shí)現(xiàn)重新參與。
可安裝- 允許用戶將他們認(rèn)為最有用的應(yīng)用添加到其主屏幕,而無需使用應(yīng)用商店的麻煩。
可鏈接- 通過URL輕松共享應(yīng)用程序,不需要復(fù)雜的安裝。
三、為什么我們需要Progressive Web App
FIRE:
Fast:PWA提供始終如一的快速體驗(yàn)。從用戶下載應(yīng)用程序到他們開始與之交互的那一刻起,一切都發(fā)生得非常快。因?yàn)槟梢跃彺鏀?shù)據(jù),即使沒有訪問網(wǎng)絡(luò),也可以非常快速地再次啟動(dòng)應(yīng)用程序。
Integrated user experience:PWA的感覺和行為就像本機(jī)應(yīng)用程序一樣。它們位于用戶的主屏幕中,發(fā)送推送通知,如本機(jī)應(yīng)用程序,并可訪問設(shè)備的功能,如本機(jī)應(yīng)用程序。體驗(yàn)感覺無縫集成。
Reliable experience:隨著服務(wù)人員的幫助下,我們能夠可靠地描繪出用戶的屏幕上的圖片,即使網(wǎng)絡(luò)出現(xiàn)故障。
?ngaging:因?yàn)槲覀兛梢园l(fā)送通知給用戶,才能真正推動(dòng)參與了由保持用戶通知,并與應(yīng)用程式互動(dòng)。
總結(jié)
以上是生活随笔為你收集整理的Progressive Web App(PWA)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: angular ng-zorro 用组件
- 下一篇: 搭建spring boot环境并测试一个