LoginSignup
0
3

More than 1 year has passed since last update.

.NET Blazor Webアプリケーション構築① ~~いつものHello,world!~~

Last updated at Posted at 2022-07-20

はじめに

Blazor WebAssemblyは、C#言語を用いて、Webブラウザ上で実行可能なWebアプリケーションを構築するためのフレームワークです。このフレームワークを使えば、C#言語を使ってSPA(Single Page Application)を実現することができます。
この記事には、Blazor WebAssemblyフレームワークを使った商品のCRUD画面、ユーザ登録・ログイン画面を以下の要素に触れながら、実装していきたいと思います。

  • Entity Framework のマイグレーション
  • JWTのログイン認証
  • .NET Blazorを使用したプライマリデータベースとしてのRedis
  • .NET BlazorでCustom Validation Attributeの作成
  • Pollyと.NET C#による障害処理
  • 画像をbase64データに変換しDBに直接保存する方法

セットアップ

Visual Studioを起動し、Blazor Web Assemblyアプリを選択して次へ
image.png
プロジェクト名を入力し、次へ
image.png
今回はJWTでの認証を実装する想定なので、認証情報はなしを選択。ホストサーバーにASPNETCOREを使用するので、チェックし、次へ
image.png
Buildが完了ししたら、デバッグなしで開始を選択する
image.png
初期画面が表示されたらとりあえずOK
Client プロジェクトの LISTEN PORTは各々設定を確認して下さい。
C:\project\BlazorApp\BlazorApp\Client\Properties\launchSettings.json
https://localhost:7156
image.png

0
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
3