Tutorial: Mulai menggunakan ASP.NET Core

Tutorial ini menunjukkan cara membuat dan menjalankan aplikasi web ASP.NET Core menggunakan .NET CLI.

Anda akan mempelajari cara:

• Membuat proyek aplikasi web.
• Jalankan aplikasi.
• Mengedit halaman Razor.

Setelah itu, Anda akan mendapatkan aplikasi web aktif yang berjalan di komputer lokal Anda.

Prasyarat

.NET 8.0 SDK

Membuat proyek aplikasi web

Buka shell perintah, lalu masukkan perintah berikut:

dotnet new webapp --output aspnetcoreapp --no-https

Perintah sebelumnya membuat proyek aplikasi web baru di direktori bernama aspnetcoreapp. Proyek tidak menggunakan HTTPS.

Menjalankan aplikasi

Jalankan perintah berikut:

cd aspnetcoreapp
dotnet run

Perintah run menghasilkan output seperti contoh berikut:

Building...
info: Microsoft.Hosting.Lifetime[14]
      Now listening on: http://localhost:5109
info: Microsoft.Hosting.Lifetime[0]
      Application started. Press Ctrl+C to shut down.
info: Microsoft.Hosting.Lifetime[0]
      Hosting environment: Development
info: Microsoft.Hosting.Lifetime[0]
      Content root path: C:\aspnetcoreapp

Buka browser dan buka URL yang ditampilkan dalam output. Dalam contoh ini, URL adalah http://localhost:5109.

Browser menunjukkan halaman beranda.

Mengedit halaman Razor

Ubah beranda:

• Di shell perintah, tekan Ctrl+C (Cmd+C di macOS) untuk keluar dari program.

• Buka Pages/Index.cshtml di editor teks.

• Ganti baris yang dimulai dengan "Pelajari tentang" dengan markup dan kode yang disorot berikut:

  @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>
  

• Simpan perubahan Anda.

• Di shell perintah jalankan dotnet run perintah lagi.

• Di browser, refresh halaman dan verifikasi perubahan ditampilkan.

  

Langkah berikutnya

Dalam tutorial ini, Anda mempelajari cara:

• Membuat proyek aplikasi web.
• Jalankan proyek.
• Mengubah.

Untuk mempelajari ASP.NET Core selengkapnya, baca referensi berikut:

Gambaran umum ASP.NET Core