Tutorial: Mulai menggunakan ASP.NET Core

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

Anda akan mempelajari cara:

• Membuat proyek aplikasi web.
• Memercayai sertifikat pengembangan.
• Jalankan aplikasi.
• Mengedit halaman Razor.

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

Prasyarat

.NET 7.0 SDK

Membuat proyek aplikasi web

Buka shell perintah, lalu masukkan perintah berikut:

dotnet new webapp -o aspnetcoreapp

Perintah sebelumnya:

• Membuat aplikasi web baru.
• Parameter -o aspnetcoreapp membuat direktori bernama aspnetcoreapp dengan file sumber untuk aplikasi tersebut.

Memercayai sertifikat pengembangan

Percayai sertifikat pengembangan HTTPS:

Windows

dotnet dev-certs https --trust

Perintah sebelumnya menampilkan dialog berikut:

Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

macOS

dotnet dev-certs https --trust

Perintah sebelumnya menampilkan pesan berikut:

Mempercayai sertifikat pengembangan HTTPS telah diminta. Jika sertifikat belum tepercaya, kami akan menjalankan perintah berikut: 'sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain <<certificate>>'

Perintah ini mungkin akan meminta kata sandi Anda guna menginstal sertifikat tersebut di rantai kunci sistem. Masukkan kata sandi jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Linux

Baca dokumentasi untuk distribusi Linux Anda mengenai cara mempercayai sertifikat pengembangan HTTPS.

Untuk mendapatkan informasi selengkapnya, baca Memercayai sertifikat pengembangan HTTPS ASP.NET Core

Menjalankan aplikasi

Jalankan perintah berikut:

cd aspnetcoreapp
dotnet watch run

Setelah shell perintah menyatakan bahwa aplikasi tersebut telah dimulai, buka https://localhost:{port}, dengan {port} adalah port acak yang digunakan.

Mengedit halaman Razor

Buka Pages/Index.cshtml, lalu ubah dan simpan halaman dengan markup 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>

Buka https://localhost:{port}, refresh halamannya, lalu verifikasi perubahan muncul.

Langkah berikutnya

Dalam tutorial ini, Anda mempelajari cara:

• Membuat proyek aplikasi web.
• Memercayai sertifikat pengembangan.
• Jalankan proyek.
• Mengubah.

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

Gambaran umum ASP.NET Core