iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端三分鐘 X Progressive Web App 30 天製造解密 系列

每天花三分鐘的時間,一起來 Progressive Web App 製造解密,了解漸進式增強到底有多強。

鐵人鍊成 | 共 30 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文
DAY 21

Progressive Web App Notifications API (21)

什麼是 Web Notifications API? 透過 Web Notifications API 可以讓 Progressive Web App 發出系統...

2021-10-04 ‧ 由 linyencheng 分享
DAY 22

Progressive Web App 推播通知: 網站推播通知原理開箱解密 (22)

什麼是網站推播通知 推播通知不管對 App 或是網站來說都是一種重新吸引用戶來使用 App 的方法,所以目標是即使網站、App 關閉時也要能在背景接收推播。推播...

2021-10-05 ‧ 由 linyencheng 分享
DAY 23

Progressive Web App Web Push: 網站推播通知伺服器實作入門 (23)

什麼是網站推播通知 推播通知不管對 App 或是網站來說都是一種重新吸引用戶來使用 App 的方法,所以目標是即使網站、App 關閉時也要能在背景接收推播。推播...

2021-10-06 ‧ 由 linyencheng 分享
DAY 24

Progressive Web App 推播通知: 網站推播通知用戶端實作入門 (24)

什麼是網站推播通知 推播通知不管對 App 或是網站來說都是一種重新吸引用戶來使用 App 的方法,所以目標是即使網站、App 關閉時也要能在背景接收推播。推播...

2021-10-07 ‧ 由 linyencheng 分享
DAY 25

Progressive Web App 推播通知行為 (25)

推播通知行為 推播通知行為主要分成視覺、後續事件兩大部分,前幾天的文章開箱了: 通知選項視覺 後端推播伺服器實作 處理推播事件 這篇文章主要會更...

2021-10-08 ‧ 由 linyencheng 分享
DAY 26

Progressive Web App 推播協定 (26)

之前已經可以用後端的套件去實作推播的伺服器,但那個套件實際上做了哪些事情? 金鑰對 Application server keys 傳輸內容加密 Payloa...

2021-10-09 ‧ 由 linyencheng 分享
DAY 27

Progressive Web App 針對應用操作介面優化操作體驗 (27)

網頁的外觀和操作本質上還是和原生的有差異但可以透過配置來讓體驗更接近。 全螢幕模式 視覺設計 事件操作 全螢幕模式 全螢幕模式有兩種方式,Progressi...

2021-10-10 ‧ 由 linyencheng 分享
DAY 28

Progressive Web App 取得 Geolocation API 地理資訊 (28)

什麼是 Geolocation API? 透過 Geolocation API 可以讓 Progressive Web App 存取用戶的位置,方便實作地理資訊...

2021-10-11 ‧ 由 linyencheng 分享
DAY 29

Progressive Web App NFC 入門實作 (29)

什麼是 Web NFC? NFC (Near Field Communication) 近場通訊是高頻 (13.56 MHz) 短距離無線通訊技術,只要距離 5...

2021-10-12 ‧ 由 linyencheng 分享
DAY 30

Progressive Web App 跨平台安裝上架 (30)

Progressive Web App 跨平台安裝 Progressive Web App 本身就具有能被安裝的特性,此外也能夠透過 Bubblewrap 或是...

2021-10-13 ‧ 由 linyencheng 分享