spa30
1.0.0
販売したい製品を管理できるシンプルな Web アプリケーションを構築します。
3 つのプロジェクトを構築します。フロントエンド プロジェクトは、Vuejs、Vue Router、Vuetify を使用して構築されたプログレッシブ Web アプリケーションになります。一方、サーバー側では、Visual Studio 2019 を使用して 2 つの .NET Core 3.0 Web アプリケーションを構築します。1 つは REST API を公開し、2 つ目は REST API を公開します。 Identity Server 4 を使用した認証。
このプロジェクトは、HTML ユーザー インターフェイスを動的に構築することでブラウザを通じてユーザーと対話し、JavaScript と JSON を使用してサーバーと通信します。
このプロジェクトは、サーバーにデータを保存し、http および json を介してクライアントのリクエストに応答する責任を負います。
このプロジェクトは認証部分を処理します。クライアント アプリケーションがサーバーにアクセスするために使用する JWT トークンを発行します。
ワークロード「.NET Core クロスプラットフォーム開発」がインストールされていることを確認してください。 Visual Studio インストーラーを起動すると、ワークロードを確認してインストールできます。
https://www.microsoft.com/net/download/windows を参照してください。
プロジェクトを簡単なステップに分割していきます。各ステップは 1 つのタスクに焦点を当て、前のステップの上に構築されます。最初は単純なプロジェクトから始めますが、途中でどんどん複雑になっていきます。たとえば、最初は認証と認可には焦点を当てません。後のステップで追加します。
このフォルダーには別のサブフォルダーが含まれています。各サブフォルダーはプロジェクトのフェーズを表します。 「開始」フォルダーは各ステップの開始点です。 「ソリューション」フォルダーは各ステップの最終バージョンであり、各ラボの終了時にプロジェクトがどうなるかを確認したい場合に備えて提供されます。実行する必要があるのは、試したいラボに対応する開始フォルダー (たとえば、開始するにはLab01/Start ) を開き、 readme.mdファイルにある指示に従うことです。完了したら、自分の作業とソリューション フォルダーに提供されているソリューションを自由に比較してください。
Lab08SolutionMarketPlaceIdentityServerIdentityServer.slnを開きますLab08SolutionMarketPlaceIdentityServerフォルダーの下のコマンド プロンプトを開きます。dotnet run /seedと入力しますhttp://localhost:5002に移動し、プロジェクトが稼働していることを確認します。 Lab08SolutionMarketPlaceMarketplaceMarketPlace.slnを開きますLab08SolutionMarketPlacespaclient開きますnpm installと入力しますnpm run serveと入力します
