Menerbitkan aplikasi ASP.NET Core ke Azure dengan Visual Studio Code

  • Artikel
  • 2 menit untuk membaca

Oleh Ricardo Serradas

Penting

ASP.NET Rilis pratinjau Core dengan Azure App Service

ASP.NET Rilis pratinjau Core tidak disebarkan ke Azure App Service secara default. Untuk menghosting aplikasi yang menggunakan rilis pratinjau ASP.NET Core, lihat Menyebarkan rilis pratinjau ASP.NET Core ke Azure App Service.

Untuk memecahkan masalah penyebaran App Service, lihat Memecahkan masalah ASP.NET Core di Azure App Service dan IIS.

Intro

Dengan tutorial ini, Anda akan mempelajari cara membuat Aplikasi MVC Inti ASP.Net dan menyebarkannya dalam Visual Studio Code.

Siapkan

Membuat proyek ASP.Net Core MVC

Menggunakan terminal, navigasikan ke folder tempat Anda ingin proyek dibuat dan gunakan perintah berikut:

dotnet new mvc

Anda akan memiliki struktur folder yang mirip dengan yang berikut ini:

      appsettings.Development.json
      appsettings.json
<DIR> Controllers
<DIR> Models
      netcore-vscode.csproj
<DIR> obj
      Program.cs
<DIR> Properties
      Startup.cs
<DIR> Views
<DIR> wwwroot

Buka dengan Visual Studio Code

Setelah proyek dibuat, Anda dapat membukanya dengan Visual Studio Code dengan menggunakan salah satu opsi di bawah ini:

Melalui baris perintah

Gunakan perintah berikut dalam folder yang Anda buat proyek:

> code .

Jika perintah di bawah ini tidak berfungsi, periksa apakah penginstalan Anda dikonfigurasi dengan benar dengan merujuk tautan ini.

Melalui antarmuka Visual Studio Code

  • Buka Visual Studio Code
  • Pada menu, pilih File > Open Folder
  • Pilih akar folder yang Anda buat Proyek MVC

Saat membuka folder proyek, Anda akan menerima pesan yang mengatakan bahwa aset yang diperlukan untuk membangun dan men-debug hilang. Terima bantuan untuk menambahkannya.

antarmuka Visual Studio Code dengan proyek yang dimuat

Folder .vscode akan dibuat di bawah struktur proyek. Ini akan berisi file-file berikut:

launch.json
tasks.json

Ini adalah file utilitas untuk membantu Anda membangun dan men-debug Aplikasi Web .NET Core Anda.

Menjalankan aplikasi

Sebelum kami menyebarkan aplikasi ke Azure, pastikan aplikasi berjalan dengan benar di komputer lokal Anda.

  • Tekan F5 untuk menjalankan proyek

Aplikasi web Anda akan mulai berjalan pada tab baru browser default Anda. Anda mungkin melihat peringatan privasi segera setelah dimulai. Ini karena aplikasi Anda akan mulai menggunakan HTTP dan HTTPS, dan menavigasi ke titik akhir HTTPS secara default.

Privacy peringatan saat menelusuri kesalahan aplikasi secara lokal

Untuk mempertahankan sesi penelusuran kesalahan, klik Advanced lalu Continue to localhost (unsafe).

Membuat paket penyebaran secara lokal

  • Buka terminal Visual Studio Code
  • Gunakan perintah berikut untuk menghasilkan Release paket ke sub folder yang disebut publish:
    • dotnet publish -c Release -o ./publish
  • Folder baru publish akan dibuat di bawah struktur proyek

Terbitkan struktur folder

Menerbitkan ke Azure App Service

Memanfaatkan ekstensi Azure App Service untuk Visual Studio Code, ikuti langkah-langkah di bawah ini untuk menerbitkan situs web langsung ke Azure App Service.

Jika Anda membuat Aplikasi Web baru

  • publish Klik kanan folder dan pilihDeploy to Web App...
  • Pilih langganan yang ingin Anda buat Aplikasi Web
  • Pilih Create New Web App
  • Masukkan nama untuk Aplikasi Web

Ekstensi akan membuat Aplikasi Web baru dan akan secara otomatis mulai menyebarkan paket ke dalamnya. Setelah penyebaran selesai, klik Browse Website untuk memvalidasi penyebaran.

Pesan penyebaran berhasil

Setelah mengklik Browse Website, Anda akan menavigasinya menggunakan browser default Anda:

Aplikasi Web Baru berhasil disebarkan

Jika Anda menyebarkan ke Aplikasi Web yang sudah ada

  • publish Klik kanan folder dan pilihDeploy to Web App...
  • Pilih langganan tempat Aplikasi Web yang sudah ada berada
  • Pilih Aplikasi Web dari daftar
  • Visual Studio Code akan bertanya apakah Anda ingin menimpa konten yang ada. Klik Deploy untuk mengonfirmasi

Ekstensi akan menyebarkan konten yang diperbarui ke Aplikasi Web. Setelah selesai, klik Browse Website untuk memvalidasi penyebaran.

Aplikasi Web yang ada berhasil disebarkan

Langkah berikutnya

Sumber Daya Tambahan: