Angular_PWA使用+Demo
什么是PWA
PWA(Progressive Web App)利用TLS,webapp manifests和service workers使應用程序能夠安裝并離線使用。 換句話說,PWA就像手機上的原生應用程序,但它是使用諸如HTML5,JavaScript和CSS3之類的網絡技術構建的。 如果構建正確,PWA與原生應用程序無法區分。
PWA 的主要特點包括下面三點:
- 可靠 - 即使在不穩定的網絡環境下,也能瞬間加載并展現
- 體驗 - 快速響應,并且有平滑的動畫響應用戶的操作
- 粘性 - 像設備上的原生應用,具有沉浸式的用戶體驗,用戶可以添加到桌面
PWA 本身強調漸進式,并不要求一次性達到安全、性能和體驗上的所有要求,開發者可以通過 PWA Checklist 查看現有的特征。
創建項目
Step 1.創建項目
我們使用Angular CLI來創建PWA程序,首先我們安裝。
npm install -g @angular/cli
npm