發表文章

目前顯示的是 五月, 2022的文章

Blazor 發行後用戶端自動更新

圖片
  前言 目前 Blazor 改版發行後,用戶端可能會繼續操作上一版的程式,直到網頁重新整理才能取得新版本程式,由於無法逐一通知使用者改版,最好能自動偵測改版並自動更新。這功能或許未來 Blazor 核心即可解決,在那之前自己先動手改善。 [ Blazor Auto Refresh Update ] 範例提供以下三種 Blazor 型態發行新版程式時,瀏覽器(用戶端)可以自動重新整理網址取得新版程式。 Blazor Server App Blazor WebAssembly App Blazor WebAssembly App + PWA 主要是參考 Blazor Train 教學影片 [ Handling App Updates: Carl Franklin's Blazor Train Ep 60 ], 將 .NET 5.0 改版為 .NET 6.0,另外 PWA 專案中增加一個訊息畫面。 開發環境 Visual Studio 2022 .NET 6.0 預設的 Blazor 範本 追蹤程式碼 取得原始碼 [ Blazor Auto Refresh Update ] 👈GitHub 程式碼修改細節,可以透過 Find in Files 輸入:  Auto Refresh Update Tip 檢視所有程式碼片段。 發行程序 Blazor Server App  不用修改任何檔案。 Blazor WebAssembly App  發行新版本需要修改 appsettings.json 版本編號。 appsettings.json Index.razor (非必要) Blazor WebAssembly App + PWA  發行新版本需要修改以下檔案內的版本編號。 appsettings.json Toolbar.razor service-worker.published.js Index.razor (非必要) 參考資源 Blazor Train 教學影片 [ Handling App Updates: Carl Franklin's Blazor Train Ep 60 ] 👈YouTube