iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 29
1
Modern Web

Angular 8 從推坑到放棄系列 第 29

[Day28 ]建立 PWA 應用

  • 分享至 

  • xImage
  •  

PWA 就是一個很像 Native App 的 Web App,而其中瀏覽器的支援也佔了很大的一部分。

目前最新的瀏覽器開始支援 Service Worker 以及 manifest

Service Worker 讓網頁離線的時候也能夠運作,可以自己寫 code 來決定要渲染什麼畫面
而瀏覽器的「新增到主畫面」的功能更是讓安裝 Web App 成為可能,開發者也可以用 manifest.json 來自訂一些內容,像是啟動畫面以及安裝在主畫面上的名稱等等。

為什麼要使用 PWA

其實可以反過來討論,目前 Native App 的問題,因為PWA 最最主要是想解決 Native App 的問題

  • 必須要下載

PWA 的特點

PWA 有以下的特點

教學開始

$ ng new pwa-example

再來在該專案安裝 PWA library

$ cd pwa-example
$ ng add @angular/pwa

參考

  1. Creating PWA Using Angular 7 - Step-by-Step Guide

上一篇
[Day27] 使用ngrx in Angular(4)
下一篇
[Day29] 完賽心得
系列文
Angular 8 從推坑到放棄30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言