チュートリアル: ASP.NET Core の概要Tutorial: Get started with ASP.NET Core

このチュートリアルでは、.NET Core CLI を使用して ASP.NET Core Web アプリを作成および実行する方法について説明します。This tutorial shows how to create and run an ASP.NET Core web app using the .NET Core CLI.

以下の方法について説明します。You'll learn how to:

  • Web アプリ プロジェクトを作成する。Create a web app project.
  • 開発証明書を信頼します。Trust the development certificate.
  • アプリを実行します。Run the app.
  • Razor ページを編集する。Edit a Razor page.

最後に、作業用の Web アプリがご利用のローカル コンピューター上で実行されるようにします。At the end, you'll have a working web app running on your local machine.

Web アプリのホーム ページ

必須コンポーネントPrerequisites

.NET Core 3.1 SDK 以降.NET Core 3.1 SDK or later

Web アプリ プロジェクトを作成するCreate a web app project

コマンド シェルを開き、次のコマンドを入力します。Open a command shell, and enter the following command:

dotnet new webapp -o aspnetcoreapp

上記のコマンドにより、次のことが行われます。The preceding command:

  • 新しい Web アプリを作成します。Creates a new web app.
  • パラメーター -o aspnetcoreapp によって、アプリのソース ファイルを含んだ aspnetcoreapp という名前のディレクトリが作成されます。The -o aspnetcoreapp parameter creates a directory named aspnetcoreapp with the source files for the app.

開発証明書を信頼するTrust the development certificate

HTTPS 開発証明書を信頼します。Trust the HTTPS development certificate:

dotnet dev-certs https --trust

上記のコマンドでは、次のダイアログが表示されます。The preceding command displays the following dialog:

セキュリティ警告のダイアログ

開発証明書を信頼することに同意する場合は、 [はい] を選択します。Select Yes if you agree to trust the development certificate.

詳細については、ASP.NET Core HTTPS 開発証明書の信頼に関する記事をご覧くださいFor more information, see Trust the ASP.NET Core HTTPS development certificate

アプリを実行するRun the app

次のコマンドを実行します。Run the following commands:

cd aspnetcoreapp
dotnet watch run

コマンド シェルでアプリが開始したことが示されたら、https://localhost:5001 を参照します。After the command shell indicates that the app has started, browse to https://localhost:5001.

Razor ページを編集するEdit a Razor page

Pages/Index.cshtml を開き、次の強調表示されたマークアップを使ってページを変更し、保存します。Open Pages/Index.cshtml and modify and save the page with the following highlighted markup:

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Hello, world! The time on the server is @DateTime.Now</p>
</div>

https://localhost:5001 に移動し、ページを更新して、変更が表示されていることを確認します。Browse to https://localhost:5001, refresh the page, and verify the changes are displayed.

次の手順Next steps

このチュートリアルでは、次の作業を行う方法を学びました。In this tutorial, you learned how to:

  • Web アプリ プロジェクトを作成する。Create a web app project.
  • 開発証明書を信頼します。Trust the development certificate.
  • プロジェクトを実行します。Run the project.
  • 変更を加えます。Make a change.

ASP.NET Core の詳細については、次の概要の推奨のラーニング パスを参照してください。To learn more about ASP.NET Core, see the recommended learning path in the introduction: