Bagikan melalui


Tutorial: Mulai menggunakan ASP.NET Core

Catatan

Ini bukan versi terbaru dari artikel ini. Untuk rilis saat ini, lihat versi .NET 8 dari artikel ini.

Peringatan

Versi ASP.NET Core ini tidak lagi didukung. Untuk informasi selengkapnya, lihat Kebijakan Dukungan .NET dan .NET Core. Untuk rilis saat ini, lihat versi .NET 8 dari artikel ini.

Penting

Informasi ini berkaitan dengan produk pra-rilis yang mungkin dimodifikasi secara substansial sebelum dirilis secara komersial. Microsoft tidak memberikan jaminan, tersirat maupun tersurat, sehubungan dengan informasi yang diberikan di sini.

Untuk rilis saat ini, lihat versi .NET 8 dari artikel ini.

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

Untuk Blazor tutorial, lihat tutorial ASP.NET CoreBlazor.

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.

Halaman aplikasi home web

Prasyarat

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 home halaman.

Halaman aplikasi home web

Mengedit halaman Razor

home Ubah halaman:

  • 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.

    Halaman aplikasi home web memperlihatkan perubahan yang dibuat.

Langkah berikutnya

Dalam tutorial ini, Anda mempelajari cara:

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

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