我建立了一個小應用程式來測試 PWA 網路推送的技術方面。
一旦您註冊了您的地址，當收穫發生時，此應用程式將透過推播通知通知您。
目前，我們只能假設它可以與最新版本的 iOS Safari 和 Android Chrome 相容。
如何使用
首先，打開上面的頁面。
由於假定它將作為 PWA 執行，因此請在 iOS 和 Android 上安裝 PWA。
一旦作為 PWA 啟動，按下按鈕。
請允許我們接收推播通知。
您現在可以出發了。
新增地址
點擊下面選單中的「新增」即可進入地址新增畫面。
在此輸入您的地址。
在智慧型手機上打字可能有點困難...
如果您能複製並貼上它，我將不勝感激。
您也可以為其指定一個名稱並新增註解。
您也可以註冊不屬於您的地址。
該地址引用了一個高餘額、大量收穫的帳戶。
在這個級別，你每隔十幾個街區就會收穫一次，這簡直太神奇了。
新增後，您將進入地址詳細資料畫面。
現在您可以出發了。
請關閉該應用程式。
收穫通知
當您設定的地址發生收穫時，您將收到推播通知。
點擊通知將打開地址詳細資訊螢幕，您也可以在其中查看收穫歷史記錄。
但由於PWA的規格限制，通知的準確度不如原生應用。
在某些情況下，該過程可能僅在手機處於活動狀態時發生，例如當您解鎖鎖定螢幕時。
首先，收穫本身很大程度取決於運氣，所以沒有必要擔心太多，所以我認為收到通知時最好只是感到有點高興。
刪除應用程式
您可以直接刪除該應用程式，但我希望能夠從“設定”選單中“刪除應用程式”。
我們會判定並刪除一定程度內未曾造訪過的帳戶，但如果您執行此操作，您的資訊將立即刪除。
就功能而言就是這樣。
如果仔細觀察，您會看到一些額外的功能...
請嘗試祈禱。
技術堆疊
-
重量
-
苗條
-
Firebase
-
託管
-
Firestore
-
功能
-
訊息傳遞
我大致上用的是這個技術。
網路推播通知在 iOS 上推出已經有一段時間了，但仍有許多功能無法正常運作。
我已經設法使用搜尋結果和 AI 回應來實現這一點，因此，一旦我解決了這個問題，我就會嘗試公開原始碼，但這需要一點時間。
我也正在嘗試 Svelte，因為它看起來很有趣。
感覺比React更隨興、方便。
我們定期（每 15 分鐘）收集您註冊的地址，記錄任何新資訊並通知您。
在事務監控方面，Catapult REST 實作了 WebSocket，但它需要維護連接作為雙向通信，這使得它不太適合後台通知。
這次我們使用 Firebase Messaging，但 WebPush 本身可以在不使用外部服務的情況下實現（嚴格來說它通過推送伺服器，但那是另一回事），因此可以將此功能作為插件加入到 REST 伺服器。
擁有一個可以向 XYM 付費以獲取推播通知、電子郵件通知或 HTTP 掛鉤的系統可能會很有趣。
概括
我認為該實現已經足夠，我相信它會非常有用，但有時通知可能無法正常工作。
我認為擁有幾百個用戶是可以的，但我並不完全有信心。
另請注意，我們可能會停止伺服器端通知處理，恕不另行通知。
此外，規格可能會隨著作業系統更新而變化，導致軟體停止工作，或者如果它被修復，它可能無法再與舊版本相容...
由此可見，WebPush 的實作是多麼不穩定。 （尤其是在 iOS 系統上。尤其如此。）
我們可能會在這裡或那裡做出一些小的改進，所以我們希望您能關注我們。
就我的技能而言，我沒有任何使用原生應用程式的經驗，而且商店的情況和成本也很嚴格，所以我想在網路和 PWA 上實現各種事情。
原文出處：https://qiita.com/husqva_luna/items/d68792264d9f9872ae8f
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式