Mulai menggunakan ASP.NET Core MVC

2025-05-28

Catatan

Ini bukan versi terbaru dari artikel ini. Untuk rilis saat ini, lihat versi .NET 9 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 9 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 9 dari artikel ini.

Oleh Rick Anderson

Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola, memvalidasi, dan menampilkan data film. Anda akan mempelajari cara untuk:

Membuat aplikasi web.
Tambahkan dan rancang model.
Bekerja dengan database.
Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Visual Studio 2022 dengan beban kerja ASP.NET serta pengembangan web.

Membuat aplikasi web

Visual Studio
Visual Studio Code

Mulai Visual Studio dan pilih Buat proyek baru.
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan proyek baru Anda:
- Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi harus cocok dengan masing-masing namespace ketika kode disalin.
- Lokasi untuk proyek dapat diatur ke mana saja.
Pilih Selanjutnya.
Dalam dialog Informasi Tambahan:
- Pilih .NET 9.0 (Dukungan Jangka Waktu Standar).
- Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Buat.

Dialog info tambahan

Untuk informasi selengkapnya, termasuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

Adalah aplikasi yang berfungsi.
Adalah proyek pemula dasar.

Tutorial mengasumsikan keakraban dengan Visual Studio Code. Untuk informasi selengkapnya, lihat Memulai dengan VS Code dan Bantuan Visual Studio Code.

Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek. Proyek ini dapat ditemukan di mana saja.
Jalankan perintah berikut:
```
dotnet new mvc -o MvcMovie
code -r MvcMovie
```
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .

Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.

Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?

Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih perintah .NET: Generate Assets for Build and Debug.

Visual Studio Code menambahkan .vscode folder dengan launch.json dan tasks.json file yang dihasilkan.

Menjalankan aplikasi

Visual Studio
Visual Studio Code

Tekan Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.

Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

Dialog berikut ditampilkan:

Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio menjalankan aplikasi dan membuka browser default.

Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Meluncurkan aplikasi tanpa penelusuran kesalahan dengan menekan Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :

Menu Mulai Debug dan Mulai Tanpa Debugging

Anda dapat men-debug aplikasi dengan memilih tombol https di toolbar:

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Tutup jendela browser. Visual Studio akan menghentikan aplikasi.

Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
```
dotnet dev-certs https --trust
```
Perintah sebelumnya memerlukan .NET 9 atau SDK yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 atau SDK yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.

Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Untuk informasi selengkapnya, lihat bagian Percayakan pada sertifikat pengembangan HTTPS ASP.NET Core di dalam artikel Menerapkan SSL.

Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Di Visual Studio Code, tekan Ctrl+F5 (Windows)/^+F5 (macOS) untuk menjalankan aplikasi tanpa penelusuran kesalahan.

Visual Studio Code:
- Dimulai Kestrel
- Meluncurkan peramban.
- Beralih ke https://localhost:<port#>.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.

Meluncurkan aplikasi tanpa debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Tutup jendela browser.
Di Visual Studio Code, dari menu Jalankan , pilih Hentikan Penelusuran Kesalahan atau tekan Shift+F5 untuk menghentikan aplikasi.

Visual Studio
Visual Studio Code

Bantuan Visual Studio

Dalam tutorial berikutnya dalam seri ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Berikutnya: Tambahkan pengontrol

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

Membuat aplikasi web.
Tambahkan dan rancang model.
Bekerja dengan database.
Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Visual Studio
Visual Studio Code

Visual Studio 2022 dengan beban kerja ASP.NET serta pengembangan web.

Membuat aplikasi web

Visual Studio
Visual Studio Code

Mulai Visual Studio dan pilih Buat proyek baru.
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan proyek baru Anda:
- Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi harus cocok dengan masing-masing namespace ketika kode disalin.
- Lokasi untuk proyek dapat diatur ke mana saja.
Pilih Selanjutnya.
Dalam dialog Informasi Tambahan:
- Pilih .NET 8.0 (Dukungan Jangka Panjang).
- Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Buat.

Dialog info tambahan

Untuk informasi selengkapnya, termasuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

Adalah aplikasi yang berfungsi.
Adalah proyek pemula dasar.

Tutorial mengasumsikan keakraban dengan Visual Studio Code. Untuk informasi selengkapnya, lihat Memulai dengan VS Code dan Bantuan Visual Studio Code.

Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek. Proyek ini dapat ditemukan di mana saja.
Jalankan perintah berikut:
```
dotnet new mvc -o MvcMovie
code -r MvcMovie
```
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .

Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.

Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?

Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih perintah .NET: Generate Assets for Build and Debug.

Visual Studio Code menambahkan .vscode folder dengan launch.json dan tasks.json file yang dihasilkan.

Menjalankan aplikasi

Visual Studio
Visual Studio Code

Tekan Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.

Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

Dialog berikut ditampilkan:

Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio menjalankan aplikasi dan membuka browser default.

Meluncurkan aplikasi tanpa penelusuran kesalahan dengan menekan Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :

Menu Mulai Debug dan Mulai Tanpa Debugging

Anda dapat men-debug aplikasi dengan memilih tombol https di toolbar:

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Tutup jendela browser. Visual Studio akan menghentikan aplikasi.

Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
```
dotnet dev-certs https --trust
```
Perintah sebelumnya memerlukan .NET 9 atau SDK yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 atau SDK yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.

Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Untuk informasi selengkapnya, lihat bagian Percayakan pada sertifikat pengembangan HTTPS ASP.NET Core di dalam artikel Menerapkan SSL.

Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Di Visual Studio Code, tekan Ctrl+F5 (Windows)/^+F5 (macOS) untuk menjalankan aplikasi tanpa penelusuran kesalahan.

Visual Studio Code:
- Dimulai Kestrel
- Meluncurkan peramban.
- Beralih ke https://localhost:<port#>.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.

Meluncurkan aplikasi tanpa debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Tutup jendela browser.
Di Visual Studio Code, dari menu Jalankan , pilih Hentikan Penelusuran Kesalahan atau tekan Shift+F5 untuk menghentikan aplikasi.

Bantuan Visual Studio

Dalam tutorial berikutnya dalam seri ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Berikutnya: Tambahkan pengontrol

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

Membuat aplikasi web.
Tambahkan dan rancang model.
Bekerja dengan database.
Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Visual Studio 2022 dengan beban kerja ASP.NET serta pengembangan web.

Membuat aplikasi web

Mulai Visual Studio dan pilih Buat proyek baru.
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan proyek baru Anda:
- Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi harus cocok dengan masing-masing namespace ketika kode disalin.
- Lokasi untuk proyek dapat diatur ke mana saja.
Pilih Selanjutnya.
Dalam dialog Informasi Tambahan:
- Pilih .NET 7.0.
- Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Buat.

Dialog info tambahan

Untuk informasi selengkapnya, termasuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

Adalah aplikasi yang berfungsi.
Adalah proyek pemula dasar.

Tutorial mengasumsikan keakraban dengan Visual Studio Code. Untuk informasi selengkapnya, lihat Mulai menggunakan Visual Studio Code.

Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek. Proyek ini dapat ditemukan di mana saja.
Jalankan perintah berikut:
```
dotnet new mvc -o MvcMovie
code -r MvcMovie
```
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .

Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.

Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?

Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih perintah .NET: Generate Assets for Build and Debug.

Visual Studio Code menambahkan .vscode folder dengan launch.json dan tasks.json file yang dihasilkan.

Mulai Visual Studio untuk Mac dan pilih File>Proyek Baru....
Di Visual Studio untuk Mac, pilih Web dan Konsol>Aplikasi>Aplikasi Web (Model-View-Controller)>Lanjutkan.
Dalam dialog Konfigurasikan Aplikasi Web (Model-View-Controller) baru Anda:
- Pilih .NET 7.0 untuk Kerangka Kerja Target.
- Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Lanjutkan.
Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi harus cocok dengan masing-masing namespace ketika kode disalin.
Lokasi untuk proyek dapat diatur ke mana saja.
Pilih Buat.

Menjalankan aplikasi

Tekan Ctrl+F5 untuk menjalankan aplikasi tanpa debugger. Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:Pilih Ya jika Anda mempercayai sertifikat SSL Ekspres IIS. Dialog berikut ditampilkan:Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan. Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio menjalankan aplikasi dan membuka browser default.

Meluncurkan aplikasi tanpa penelusuran kesalahan dengan menekan Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :

Menu debug

Anda dapat men-debug aplikasi dengan memilih tombol https di toolbar:

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Tutup jendela browser. Visual Studio akan menghentikan aplikasi.

Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
```
dotnet dev-certs https --trust
```
Perintah sebelumnya memerlukan .NET 9 atau SDK yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 atau SDK yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.

Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Untuk informasi selengkapnya, lihat bagian Percayakan pada sertifikat pengembangan HTTPS ASP.NET Core di dalam artikel Menerapkan SSL.

Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Di Visual Studio Code, tekan Ctrl+F5 (Windows)/^+F5 (macOS) untuk menjalankan aplikasi tanpa penelusuran kesalahan.

Visual Studio Code:
- Dimulai Kestrel
- Meluncurkan peramban.
- Beralih ke https://localhost:<port#>.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.

Meluncurkan aplikasi tanpa debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Tutup jendela browser.
Di Visual Studio Code, dari menu Jalankan , pilih Hentikan Penelusuran Kesalahan atau tekan Shift+F5 untuk menghentikan aplikasi.

Pilih Opsi+Command+Return untuk menjalankan aplikasi tanpa debugger.

Visual Studio untuk Mac:
- Memulai server Kestrel.
- Meluncurkan peramban.
- Navigasi ke http://localhost:port, di mana port adalah nomor port yang dipilih secara acak, yang diatur saat Visual Studio membuat proyek web.
Visual Studio untuk Mac menampilkan popup berikut:
- Pilih Instal dan Percayai jika Anda mempercayai sertifikat pengembangan.
Dialog berikut ditampilkan:
- Masukkan kata sandi Anda dan pilih Perbarui Pengaturan.
Lihat sertifikat pengembangan HTTPS ASP.NET Core untuk informasi selengkapnya.

Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug .

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Tutup jendela browser. Visual Studio untuk Mac akan menghentikan aplikasi.

Bantuan Visual Studio

Dalam tutorial berikutnya dalam seri ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Berikutnya: Tambahkan pengontrol

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

Membuat aplikasi web.
Tambahkan dan rancang model.
Bekerja dengan database.
Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Visual Studio 2022 dengan beban kerja ASP.NET serta pengembangan web.
.NET 6 SDK

Membuat aplikasi web

Mulai Visual Studio dan pilih Buat proyek baru.
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan proyek baru Anda, masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi harus cocok dengan masing-masing namespace ketika kode disalin.
Pilih Selanjutnya.
Dalam dialog Informasi tambahan, pilih .NET 6.0 (Dukungan jangka panjang).
Pilih Buat.

Dialog info tambahan

Untuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

Adalah aplikasi yang berfungsi.
Adalah proyek pemula dasar.

Tutorial mengasumsikan keakraban dengan Visual Studio Code. Untuk informasi selengkapnya, lihat Memulai dengan VS Code dan Bantuan Visual Studio Code.

Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek.
Jalankan perintah berikut:
```
dotnet new mvc -o MvcMovie
code -r MvcMovie
```
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .

Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.

Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?

Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih perintah .NET: Generate Assets for Build and Debug.

Visual Studio Code menambahkan .vscode folder dengan launch.json dan tasks.json file yang dihasilkan.

Menjalankan aplikasi

Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.

Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

Dialog berikut ditampilkan:

Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio menjalankan aplikasi dan membuka browser default.

Meluncurkan aplikasi tanpa debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :

Menu debug

Anda dapat men-debug aplikasi dengan memilih tombol MvcMovie di toolbar:

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Pilih Ctrl+F5 untuk dijalankan tanpa debugger.
- Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
```
dotnet dev-certs https --trust
```
  Perintah sebelumnya memerlukan .NET 9 atau SDK yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 atau SDK yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
  
  Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
- Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
  
  Untuk informasi selengkapnya, lihat bagian Percayakan pada sertifikat pengembangan HTTPS ASP.NET Core di dalam artikel Menerapkan SSL.
Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio Code:
- Dimulai Kestrel
- Meluncurkan peramban.
- Beralih ke https://localhost:<port#>.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.

Meluncurkan aplikasi tanpa debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.

Bantuan Visual Studio

Dalam tutorial berikutnya dalam seri ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Berikutnya: Tambahkan pengontrol

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

Membuat aplikasi web.
Tambahkan dan rancang model.
Bekerja dengan database.
Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Visual Studio 2019 16.8 atau versi terbaru dengan beban kerja ASP.NET dan pengembangan web
.NET 5 SDK

Membuat aplikasi web

Mulai Visual Studio dan pilih Buat proyek baru.
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web Application>Next.
Dalam dialog Konfigurasikan proyek baru Anda, masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan setiap namespace kecocokan ketika kode disalin.
Pilih Buat.
Dalam dialog Buat aplikasi web ASP.NET Core baru, pilih:
- .NET Core dan ASP.NET Core 5.0 di menu dropdown.
- ASP.NET Core Web App (Model-View-Controller).
- Buat.

Membuat Aplikasi web ASP.NET Core baru

Untuk pendekatan alternatif untuk membuat proyek, lihat Membuat proyek baru di Visual Studio.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

Adalah aplikasi yang berfungsi.
Adalah proyek pemula dasar.

Tutorial mengasumsikan keakraban dengan Visual Studio Code. Untuk informasi selengkapnya, lihat Mulai menggunakan Visual Studio Code.

Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek.
Jalankan perintah berikut:
```
dotnet new mvc -o MvcMovie
code -r MvcMovie
```
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .

Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.

Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?

Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih perintah .NET: Generate Assets for Build and Debug.

Visual Studio Code menambahkan .vscode folder dengan launch.json dan tasks.json file yang dihasilkan.

Menjalankan aplikasi

Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.

Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

Dialog berikut ditampilkan:

Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio:
- Memulai IIS Express.
- Menjalankan aplikasi.
Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Meluncurkan aplikasi tanpa debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari item menu Debug :

Menu debug

Anda dapat men-debug aplikasi dengan memilih tombol IIS Express

IIS Express

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Pilih Ctrl+F5 untuk dijalankan tanpa debugger.
- Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
```
dotnet dev-certs https --trust
```
  Perintah sebelumnya memerlukan .NET 9 atau SDK yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 atau SDK yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
  
  Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
- Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
  
  Untuk informasi selengkapnya, lihat bagian Percayakan pada sertifikat pengembangan HTTPS ASP.NET Core di dalam artikel Menerapkan SSL.
Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio Code:
- Dimulai Kestrel
- Meluncurkan peramban.
- Beralih ke https://localhost:5001.
Bilah alamat menunjukkan localhost:port:5001 dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.

Meluncurkan aplikasi tanpa debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.

Pilih Jalankan>Mulai Tanpa Penelusuran Kesalahan untuk meluncurkan aplikasi.

Visual Studio untuk Mac:
- Memulai server Kestrel.
- Meluncurkan peramban.
- Navigasi ke http://localhost:port, di mana port adalah nomor port yang dipilih secara acak.
Visual Studio untuk Mac menampilkan popup berikut:

Pilih Ya jika Anda mempercayai sertifikat pengembangan.

Dialog berikut ditampilkan:

Masukkan kata sandi Anda dan pilih OK

Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Lihat sertifikat pengembangan HTTPS ASP.NET Core untuk informasi selengkapnya.

Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Jalankan .

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Bantuan Visual Studio

Di bagian berikutnya dari tutorial ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Berikutnya

Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.

Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:

Membuat aplikasi web.
Tambahkan dan rancang model.
Bekerja dengan database.
Tambahkan pencarian dan validasi.

Lihat atau unduh sampel kode (cara mengunduh).

Prasyarat

Visual Studio 2019 16.4 atau yang lebih baru dengan beban kerja ASP.NET dan pengembangan web
.NET Core 3.1 SDK

Membuat aplikasi web

Dari Visual Studio, pilih Buat proyek baru.
Pilih ASP.NET Core Web Application>Berikutnya.
Beri nama proyek MvcMovie dan pilih Buat. Penting untuk memberi nama proyek MvcMovie sehingga ketika Anda menyalin kode, namespace akan cocok.
Pilih Aplikasi Web (Model-View-Controller). Dari kotak dropdown, pilih .NET Core dan ASP.NET Core 3.1, lalu pilih Buat.

Visual Studio menggunakan templat proyek default untuk proyek MVC yang dibuat. Proyek yang dibuat:

Adalah aplikasi yang berfungsi.
Adalah proyek pemula dasar.

Tutorial mengasumsikan keakraban dengan Visual Studio Code. Untuk informasi selengkapnya, lihat Memulai dengan VS Code dan Bantuan Visual Studio Code.

Buka terminal terintegrasi.
Ubah direktori (cd) ke folder yang akan berisi proyek.
Jalankan perintah berikut:
```
dotnet new mvc -o MvcMovie
code -r MvcMovie
```
- Kotak dialog muncul dengan Aset yang diperlukan untuk membangun dan men-debug hilang dari 'MvcMovie'. Tambahkan?, pilih Ya.
- dotnet new mvc -o MvcMovie: Membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .
- code -r MvcMovie: Memuat MvcMovie.csproj file proyek di Visual Studio Code.

Menjalankan aplikasi

Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa proses debugging.

Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:

Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.

Dialog berikut ditampilkan:

Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio:
- Memulai IIS Express.
- Menjalankan aplikasi.
Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.

Meluncurkan aplikasi tanpa debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari item menu Debug :

Menu debug

Anda dapat men-debug aplikasi dengan memilih tombol IIS Express

IIS Express

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa proses debugging.
- Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
```
dotnet dev-certs https --trust
```
  Perintah sebelumnya memerlukan .NET 9 atau SDK yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 atau SDK yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
  
  Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
- Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
  
  Untuk informasi selengkapnya, lihat bagian Percayakan pada sertifikat pengembangan HTTPS ASP.NET Core di dalam artikel Menerapkan SSL.
Untuk informasi tentang mempercayai peramban Firefox, lihat kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio Code:
- Dimulai Kestrel
- Meluncurkan peramban.
- Beralih ke https://localhost:5001.
Bilah alamat menunjukkan localhost:port:5001 dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.

Meluncurkan aplikasi tanpa debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:

Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.

Pilih Jalankan>Mulai Tanpa Penelusuran Kesalahan untuk meluncurkan aplikasi.

Visual Studio untuk Mac: memulai Kestrel server, meluncurkan browser, dan menavigasi ke http://localhost:port, di mana port adalah nomor port yang dipilih secara acak.

Visual Studio untuk Mac menampilkan popup berikut:

Sertifikat Pengembangan HTTPS tidak ditemukan. Anda ingin menginstal dan mempercayai sertifikat?

Pilih Ya jika Anda mempercayai sertifikat pengembangan.

Dialog berikut ditampilkan:

Dialog peringatan keamanan

Masukkan kata sandi Anda dan pilih OK

Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.

Lihat sertifikat pengembangan HTTPS ASP.NET Core untuk informasi selengkapnya.

Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web. Saat menjalankan aplikasi, Anda akan melihat nomor port yang berbeda.

Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Jalankan .

Gambar berikut menunjukkan aplikasi:

Home atau halaman Indeks

Bantuan Visual Studio

Di bagian berikutnya dari tutorial ini, Anda belajar tentang MVC dan mulai menulis beberapa kode.

Berikutnya

Bagikan melalui

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Bantuan Visual Studio Code

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Bantuan Visual Studio Code

Bantuan Visual Studio untuk Mac

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Bantuan Visual Studio Code

Bantuan Visual Studio untuk Mac

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Bantuan Visual Studio Code

Bantuan Visual Studio untuk Mac

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Bantuan Visual Studio Code

Bantuan Visual Studio untuk Mac

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Bantuan Visual Studio Code

Bantuan Visual Studio untuk Mac

Bagikan melalui

Mulai menggunakan ASP.NET Core MVC

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Prasyarat

Membuat aplikasi web

Menjalankan aplikasi

Bantuan Visual Studio

Sumber Daya Tambahan: