Bagikan melalui


Menerbitkan aplikasi ASP.NET Core ke Azure dengan Visual Studio

Penting

Rilis pratinjau ASP.NET Core dengan Azure App Service

Rilis pratinjau ASP.NET Core tidak disebarkan ke Azure App Service secara bawaan. 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.

Pengaturan

Buka akun Azure gratis jika Anda tidak memilikinya.

Membuat aplikasi web

Mulai Visual Studio 2022 dan pilih Buat proyek baru.

Membuat proyek baru dari jendela mulai

Dalam dialog Buat proyek baru , pilih ASP.NET Core Web App, lalu pilih Berikutnya.

Membuat ASP.NET Core Web App

Dalam dialog Konfigurasikan proyek baru Anda , beri nama proyek Anda, lalu pilih Berikutnya.

Dalam dialog Informasi tambahan:

  • Di input Kerangka Kerja , pilih .NET 7.0 (Dukungan Istilah Standar).
  • Di input Jenis autentikasi , pilih Akun Individual, lalu pilih Buat.

Informasi tambahan

Visual Studio membuat solusi.

Menjalankan aplikasi

  • Tekan F5 untuk menjalankan proyek.

Aplikasi web terbuka di Microsoft Edge di localhost

Mendaftarkan pengguna

  • Pilih Daftar dan daftarkan pengguna baru. Anda dapat menggunakan alamat email fiktif. Saat Anda mengirimkan, halaman menampilkan kesalahan berikut:

    "Operasi database gagal saat memproses permintaan. Menerapkan migrasi yang ada dapat mengatasi masalah ini"

  • Pilih Terapkan Migrasi dan, setelah halaman diperbarui, refresh halaman.

Operasi database gagal saat memproses permintaan

  • Halaman konfirmasi Daftar ditampilkan. Pilih Klik di sini untuk mengonfirmasi akun Anda.
  • Halaman Konfirmasi email ditampilkan.
  • Masuk sebagai pengguna baru.

Aplikasi ini menampilkan email yang digunakan untuk mendaftarkan pengguna baru dan tautan Keluar .

Aplikasi web terbuka di Microsoft Edge. Tautan Daftar digantikan oleh teks Halo user@example.com!

  • Hentikan aplikasi dengan menutup browser, atau di Visual Studio pilih Debug>Hentikan Debugging.
  • Di Visual Studio pilih Bangun>Solusi Bersih untuk membersihkan item proyek dan menghindari pertikaian file.

Menyebarkan aplikasi ke Azure

Klik kanan proyek di Penjelajah Solusi dan pilih Terbitkan.

Menu kontekstual terbuka dengan tautan Terbitkan disorot

Dalam dialog Terbitkan :

  • Pilih Azure.
  • Pilih Selanjutnya.

Dialog Terbitkan

Dalam dialog Terbitkan :

  • Pilih Azure App Service (Windows).
  • Pilih Selanjutnya.

Terbitkan Dialog: pilih Layanan Azure

Dalam dialog Terbitkan , di tab App Service , pilih Buat baru.

Terbitkan dialog: pilih instans Azure Services

Dialog Buat App Service muncul:

  • Bidang entri Nama, Grup Sumber Daya, dan Paket Hosting diisi. Anda dapat menyimpan nama-nama ini atau mengubahnya.
  • Pilih Buat.

Membuat dialog App Service

Setelah pembuatan selesai, dialog ditutup secara otomatis dan dialog Terbitkan mendapatkan fokus lagi:

  • Instans baru yang baru saja dibuat dipilih secara otomatis.
  • Pilih Selesai.

Dialog terbitkan: pilih instans App Service

Dialog Progres Pembuatan Profil Terbitan mengonfirmasi bahwa profil terbitan telah dibuat. Pilih Tutup.

Selanjutnya Anda akan melihat halaman ringkasan Terbitkan Profil . Visual Studio telah mendeteksi bahwa aplikasi ini memerlukan database SQL Server yang telah tercantum di panel Dependensi Layanan. Pilih elipsis (...) lalu Sambungkan.

Halaman ringkasan Profil Publikasi: mengonfigurasi ketergantungan SQL Server

Dialog Sambungkan ke dependensi muncul:

  • Pilih Azure SQL Database.
  • Pilih Selanjutnya.

Dialog Konfigurasi untuk Dependensi SQL Server

Dalam dialog Sambungkan ke database Azure SQL , pilih Buat baru.

Pilih Buat SQL DB

Buat Azure SQL Database muncul:

  • Bidang Entri Nama database, Grup Sumber Daya, Server database , dan Paket App Service diisi. Anda dapat menyimpan nilai-nilai ini atau mengubahnya.
  • Masukkan nama pengguna administrator Database dan kata sandi administrator Database untuk server Database yang dipilih (perhatikan akun yang Anda gunakan harus memiliki izin yang diperlukan untuk membuat database Azure SQL baru)
  • Pilih Buat.

Dialog Azure SQL Database baru

Setelah pembuatan selesai, dialog ditutup secara otomatis dan dialog Sambungkan ke Azure SQL Database mendapatkan fokus lagi:

  • Instans baru yang baru saja dibuat dipilih secara otomatis.
  • Pilih Selanjutnya.

Pilih Berikutnya

Pada langkah berikutnya dari dialog Sambungkan ke Azure SQL Database :

  • Masukkan nama pengguna koneksi database dan bidang Kata sandi koneksi database . Ini adalah detail yang akan digunakan aplikasi Anda untuk menyambungkan ke database saat runtime. Praktik terbaik adalah menghindari penggunaan detail yang sama dengan nama pengguna admin dan kata sandi yang digunakan pada langkah sebelumnya.
  • Pilih Selesai.

Dialog Konfigurasi Azure SQL Database, detail string sambungan

Dialog kemajuan konfigurasi dependensi mengonfirmasi bahwa Azure SQL Database telah dikonfigurasi. Pilih Tutup.

Di halaman Terbitkan ringkasan Profil pilih Tindakan> lainnyaEdit:

Terbitkan halaman ringkasan profil: edit pengaturan

Pada tab Pengaturan dari dialog Terbitkan :

  • Perluas Database dan centang Gunakan string koneksi ini saat runtime.

  • Perluas Migrasi Kerangka Kerja Entitas dan pilih Terapkan migrasi ini saat diterbitkan.

  • Pilih Simpan. Visual Studio kembali ke dialog Terbitkan .

Dialog Penerbitan: Panel Pengaturan: Simpan

Klik Publikasikan. Visual Studio menerbitkan aplikasi Anda ke Azure. Ketika implementasi selesai.

Langkah terakhir

Aplikasi ini dibuka di browser. Daftarkan pengguna baru dan masuk sebagai pengguna baru untuk memvalidasi penyebaran database dan koneksi run-time.

Memperbarui aplikasi

  • Pages/Index.cshtml Razor Edit halaman dan ubah isinya, lalu simpan perubahan. Misalnya, Anda dapat memodifikasi paragraf untuk mengatakan "Halo ASP.NET Core!":

    @page
    @model IndexModel
    @{
        ViewData["Title"] = "Home page";
    }
    
    <div class="text-center">
        <h1 class="display-4">Welcome</h1>
        <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
        <p>Hello ASP.NET Core!</p>
    </div>
    
  • Pilih Terbitkan dari halaman ringkasan Terbitkan Profil lagi.

Terbitkan halaman ringkasan profil

  • Setelah aplikasi diterbitkan, refresh halaman dan verifikasi bahwa perubahan yang Anda buat tersedia di Azure.

Verifikasi tugas selesai

Pembersihan

Setelah Anda selesai menguji aplikasi, buka portal Microsoft Azure dan hapus aplikasi.

  • Pilih Grup sumber daya, lalu pilih grup sumber daya yang Anda buat.

Portal Microsoft Azure: Grup Sumber Daya di menu bilah sisi

  • Di halaman Grup sumber daya , pilih Hapus grup sumber daya.

Portal Microsoft Azure: Halaman Grup Sumber Daya

  • Masukkan nama grup sumber daya dan pilih Hapus. Aplikasi Anda dan semua sumber daya lain yang dibuat dalam tutorial ini sekarang dihapus dari Azure.

Sumber daya tambahan