Latihan - Jalankan aplikasi web Anda secara lokal

Selesai

Dalam latihan ini, Anda akan:

• Jalankan aplikasi web Anda secara lokal dan lihat di browser.
• Tinjau bagaimana aplikasi web disajikan.

Menjalankan aplikasi web dan menampilkan di browser

Jalankan aplikasi web di Visual Studio Code dan lihat di browser:

1. Di Visual Studio Code, tekan F5 untuk menjalankan aplikasi.

   Visual Studio Code:

   • Memicu perintah dotnet run .NET CLI yang membangun dan menjalankan aplikasi.
   • Melampirkan debugger ke aplikasi yang sedang berjalan.

   Pertama kali proyek dijalankan di Visual Studio Code, perintah Pilih debugger ditampilkan.

2. Pada perintah Pilih debugger di Palet Perintah di bagian atas UI Visual Studio Code, pilih C#. Pada prompt berikutnya, pilih konfigurasi peluncuran default (C#: MyWebApp [Default Configuration]):

   

   Browser default diluncurkan di http://localhost:{PORT}, yang menampilkan respons aplikasi. Tempat {PORT} penampung adalah port acak yang ditetapkan ke aplikasi saat proyek aplikasi dibuat. Jika Anda perlu mengubah port karena konflik port lokal, ubah port tersebut dalam file Properti/launchSettings.json proyek.

   Respons yang ditampilkan di browser:

   

3. Tutup jendela browser.

4. Di Visual Studio, baik:

   • Dari menu Jalankan, pilih Hentikan Debug.
   • Tekan Shift+F5 pada keyboard.

Jalankan aplikasi web menggunakan .NET CLI:

1. Dari terminal atau baris perintah, navigasikan ke direktori proyek MyWebApp yang berisi file MyWebApp.csproj Anda.

2. Buat dan Jalankan aplikasi dengan perintah berikut:

   dotnet run
   

   Proyek ini dibangun, dijalankan, dan menunjukkan output berikut pada baris perintah:

   C:\MyWebApp> dotnet run
   Building...
   info: Microsoft.Hosting.Lifetime[14]
           Now listening on: http://localhost:5267
   info: Microsoft.Hosting.Lifetime[0]
           Application started. Press Ctrl+C to shut down.
   

   Karena nomor port dalam URL yang disediakan diatur secara acak dalam konfigurasi saat pembuatan proyek, titik akhir Anda mungkin memiliki nomor port yang berbeda.

3. Buka browser ke URL yang dihasilkan pada output baris perintah Anda sendiri, respons Hello World! aplikasi ditampilkan:

   

4. Untuk mematikan aplikasi, tekan Ctrl+C di baris perintah.

Bagaimana aplikasi web disajikan

Saat aplikasi dibangun dan dijalankan, langkah-langkah berikut terjadi:

Build dan Konfigurasi:

• MSBuild dipanggil untuk memulihkan dependensi dan mengkompilasi proyek. MSBuild memproses file proyek MyWebApp.csproj dan mengkompilasi kode sumber ke dalam rakitan.
• Aplikasi membaca pengaturan konfigurasi, termasuk pengaturan yang ditentukan dalam launchSettings.json untuk profil peluncuran default (yang pertama tercantum).

Penyetelan Host:

• Metode WebApplication.CreateBuilder dalam Program.cs menyiapkan host web. Secara default, metode ini mengonfigurasi Kestrel sebagai server web. Kestrel adalah server web lintas platform untuk ASP.NET Core yang dirancang untuk performa tinggi.
• Kestrel mulai mendengarkan permintaan HTTP masuk pada URL yang dikonfigurasi, termasuk HTTPS jika ditentukan.

Penanganan Permintaan:

• Ketika permintaan diterima, Kestrel meneruskannya ke alur middleware core ASP.NET.
• Alur middleware memproses permintaan melalui serangkaian komponen middleware, yang dapat menangani tugas seperti autentikasi, pengelogan, dan perutean.
• Jika permintaan cocok dengan rute yang ditentukan, titik akhir yang sesuai akan dijalankan. Dalam hal ini, app.MapGet("/", () => "Hello World!") titik akhir menangani permintaan ke URL akar dan mengembalikan string Hello World!.

Respons:

• Respons, yang dalam hal ini adalah string "Halo Dunia!", dikirim kembali melalui alur middleware ke Kestrel, yang kemudian mengirimkannya kembali ke klien.