From a789e7e6c44d60762d7a58226f9ce86470d10bb0 Mon Sep 17 00:00:00 2001 From: Marcello Lamonaca Date: Sat, 1 May 2021 12:39:58 +0200 Subject: [PATCH] Add blazor PWA notes --- .NET/ASP.NET/Blazor.md | 63 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) diff --git a/.NET/ASP.NET/Blazor.md b/.NET/ASP.NET/Blazor.md index 295b32b..709e0ea 100644 --- a/.NET/ASP.NET/Blazor.md +++ b/.NET/ASP.NET/Blazor.md @@ -81,6 +81,69 @@ Project |- Program.cs --> App entrypoint ``` +### Blazor PWA Project Structure + +```txt +Project +|-Properties +| |- launchSettings.json +| +|-wwwroot --> static files +| |-css +| | |- site.css +| | |- bootstrap +| | +| |- index.html +| |- favicon.ico +| |- manifest.json +| |- service-worker.js +| |- icon-512.png +| +|-Pages +| |- Component.razor +| |- Index.razor +| |- ... +| +|-Shared +| |- MainLayout.razor +| |- MainLayout.razor.css +| |- ... +| +|- _Imports.razor --> @using imports +|- App.razor --> component root of the app +| +|- appsettings.json --> application settings +|- Program.cs --> App entrypoint +``` + +### `manifest.json`, `service-worker.js` (Blazor PWA) + +[PWA](https://web.dev/progressive-web-apps/) +[PWA MDN Docs](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps) +[PWA Manifest](https://developer.mozilla.org/en-US/docs/Web/Manifest) +[Service Worker API](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) + +```json +// manifest.json +{ + "name": "", + "short_name": "", + "start_url": "./", + "display": "standalone", + "background_color": "#ffffff", + "theme_color": "#03173d", + "icons": [ + { + "src": "icon-512.png", + "type": "image/png", + "sizes": "512x512" + } + ] +} +``` + +## Common Blazor Files + ### `App.razor` ```cs