ITエンジニア向け 情報館  
   

 

Blazor Server

通信切断時メッセージのカスタマイズ方法

https://www.ipentec.com/document/csharp-asp-net-blazor-application-customize-server-disconnect-message

https://qiita.com/jsakamoto/items/2cdbe0764df262e9fd23

Blazorのイベント処理・種類

onclickなどのイベント処理について。

https://learn.microsoft.com/ja-jp/aspnet/core/blazor/components/event-handling?view=aspnetcore-8.0#event-arguments

ラジオボタンの実装

https://qiita.com/jsakamoto/items/51407c55498ccd016921

Blazorでのユーザー認証

https://learn.microsoft.com/ja-jp/aspnet/core/blazor/security/?view=aspnetcore-7.0

https://www.docswell.com/s/shosuz/KYW1N7-application-development-with-c-net-6-blazor-web-assembly-aspnet-web-api-azure-part-4pdf

失敗事例

Program.csに、次のように書かないと、認証機能が正しく働かない。

app.UseAuthentication();
app.UseAuthorization();

よくある失敗例は、この順序を逆にしていたり、

app.UseAuthentication();
app.UseAuthentication();

と書いていたり、

app.UseAuthorization();
app.UseAuthorization();

と書いているケース。

親コンポーネントと子コンポーネントのデータ連携

以下を読んで総合理解した

https://codezine.jp/article/detail/13321
https://learn.microsoft.com/ja-jp/dotnet/architecture/blazor-for-web-forms-developers/components
https://ryuichi111std.hatenablog.com/entry/2019/05/01/233540

レイアウト側の描画更新

各ページ側ではなく、共通領域であるレイアウト側を強制的に描画更新する方法
https://qiita.com/yaju/items/dd7ec9deea615443f42a

ページ側からレイアウト側のメソッドを呼び出し、レイアウト側のStateHasChangedメソッドを実行して、描画更新できる。

bindした値の書式変更

https://zenn.dev/microsoft/articles/blazor-custom-input

OnInitializeが2回呼ばれる問題

render-modeを「Server」にするとよいが、画面が真っ白になる時間があるなどデメリットもある。

https://qiita.com/okatako/items/e50b90afecaf5ddb5f01#oninitialized-%E3%81%8C2%E5%9B%9E%E5%91%BC%E3%81%B0%E3%82%8C%E3%82%8B%E4%BB%B6

https://blog.jurabi.jp/getting-started-with-asp-net-core-blazor-and-chartjs-details/

DOM読み込み後にJavaScript関数を実行する

http://atriasoft.work/cs/1162

https://usefuledge.com/blazorloadvariousjsfile.html

入力検証

https://www.docswell.com/s/shosuz/KYW1N7-application-development-with-c-net-6-blazor-web-assembly-aspnet-web-api-azure-part-4pdf

 

ボタンクリック関連

submitしないボタン

<button type="button">のタグでOK。

https://blog.unikktle.com/blazor-server-%E3%81%A7submit%E3%81%97%E3%81%AA%E3%81%84%E3%83%9C%E3%82%BF%E3%83%B3/

ボタンの2度押し防止

リクエストの重複を防止できる。

https://learn.microsoft.com/ja-jp/aspnet/core/blazor/security/server/threat-mitigation?view=aspnetcore-7.0

Blazor8

セクション機能

親コンポーネント(レイアウトコンポーネント)で定義した領域に対して、子コンポーネント(各ページ)から好きなコンテンツを表示できる機能。
https://zenn.dev/microsoft/articles/aspnetcore-blazor-dotnet8-section

親コンポーネントと対話するための方法

通常は、ページ内部でだけ対話機能が有効化されるので、レイアウトページへの制御は行えない。
しかしApp.razorに記述を追加することで、親コンポーネントと対話することができる。
https://zenn.dev/microsoft/articles/aspnetcore-blazor-dotnet8-section