鐵人檔案
近年來越來越企業開始將它們的網頁製作成漸進式網頁(Progressive Web Application)，像是Starbucks、Uber、Twitter和Pinterest等等，因為PWA提供使用者就算在行動裝置上也能瀏覽到接近原生APP的網頁。無論是操作行動裝置設備、效能或是使用者體驗，都感覺像是一個原生APP。那麼就讓我們開始在30天內開發一個「旅行日記」的漸進式網頁吧^ ^
目前我的整個漸進式網站(PWA)是使用「http-server」這個node package來運行的，不過這也僅在開發階段可行而已。之後為了讓其他用戶也能使用，...
為何PWA需要推播通知(Push Notifications) 首先，只要用戶允許我們推播，當有新的貼文資訊時，我們就可以主動通知用戶。即使今天用戶關閉網頁或是...
昨天在實作「顯示通知」時，除了設定body這個option之外，其實還有很多其他選項可以設定 (不過這裡要先說這些額外的設定不一定每個browser都有支援QQ...
VAPID Library是使用「非對稱式加密的方式」確保傳送推播訊息到瀏覽器供應商的push server是「來自我自己的server」。 也就是說它會產生一...
終於要來開始實作存取「裝置的媒體」和「地理位置」的功能。 當用戶要發佈貼文時，應該要開啟裝置的攝像鏡頭並將畫面顯示在PWA的表單中，當用戶按下拍照鍵時即完成影像...
昨天已經將video stream添加到video元素中，今天要來繼續實作當用戶按下「拍照鈕」後，會將最新的「video stream snapshot」傳送到...
終於要開始實作「獲取用戶地理位置」的功能了 要獲取地理位置必須使用「Geolocation API」這個Web API。先來看一下這個API的瀏覽器支援程度：整...
之前在service worker中寫了這麼多cache strategies、background sync等等的程式碼，但是隨著我們開發的專案越來越大、檔案...
繼續昨天「針對不同的URL來路由(Routing)到對應的cache策略」，這裡我要將兩種不同的URL分別存入獨立的sub-cache中。第一個為materia...
