Bagikan melalui

Mulai cepat: Menerapkan aplikasi web ASP.NET

  • Artikel

Catatan

Mulai 1 Juni 2024, semua aplikasi App Service yang baru dibuat akan memiliki opsi untuk menghasilkan nama host default yang unik menggunakan konvensi <app-name>-<random-hash>.<region>.azurewebsites.netpenamaan . Nama aplikasi yang ada akan tetap tidak berubah.

Contoh: myapp-ds27dh7271aah175.westus-01.azurewebsites.net

Untuk detail lebih lanjut, lihat Nama Host Default Unik untuk Sumber Daya App Service.

Dalam mulai cepat ini, Anda mempelajari cara membuat dan menyebarkan aplikasi web ASP.NET pertama Anda ke Azure App Service. App Service mendukung berbagai versi aplikasi .NET, dan menyediakan layanan hosting web yang sangat dapat diskalakan dan melakukan patch sendiri. Aplikasi web ASP.NET bersifat lintas platform dan dapat dihosting di Linux atau Windows. Setelah selesai, Anda memiliki grup sumber daya Azure yang terdiri dari paket hosting App Service dan App Service dengan aplikasi web yang disebarkan.

Atau, Anda dapat menyebarkan aplikasi web ASP.NET sebagai bagian dari kontainer Windows atau Linux di App Service.

Tip

Temukan tips GitHub Copilot di Langkah-langkah Visual Studio, Visual Studio Code, dan portal Azure.

Catatan

Membangun aplikasi .NET 9 (STS) dengan Windows App Service menggunakan MSBuild atau SCM_DO_BUILD belum didukung. Dukungan untuk skenario build ini akan datang setelah tanggal GA awal dan pada 4 Desember 2024. Penyebaran yang dibangun di luar App Service melalui Visual Studio, Visual Studio Code, GitHub Actions, dan Azure DevOps didukung sepenuhnya.

Prasyarat

  • Akun Azure dengan langganan aktif. Buat akun secara gratis.
  • Visual Studio 2022 dengan beban kerja ASP.NET serta pengembangan web.
  • (Opsional) Untuk mencoba GitHub Copilot, akun GitHub Copilot. Uji coba gratis 30 hari tersedia.

Jika Anda sudah menginstal Visual Studio 2022:

  1. Pasang pembaruan terbaru di Visual Studio dengan memilih Bantuan>Periksa Pembaruan.
  2. Tambahkan beban kerja dengan memilih Alat>Dapatkan Alat dan Fitur.

1. Membuat aplikasi web ASP.NET

1. Inisialisasi templat aplikasi web ASP.NET

  1. Buka Visual Studio, lalu pilih Buat proyek baru.

  2. Di Buat proyek baru, temukan, dan pilih ASP.NET Core Web App (Halaman Razor), lalu pilih Berikutnya.

  3. Di Konfigurasikan proyek baru Anda, beri nama aplikasi MyFirstAzureWebApp, lalu pilih Berikutnya.

    Cuplikan layar Visual Studio - Mengonfigurasi aplikasi web ASP.NET 8.0.

  4. Pilih .NET 8.0 (Dukungan Jangka Panjang).

  5. Pastikan Jenis autentikasi diatur ke Tidak Ada. Pilih Buat.

    Cuplikan layar Visual Studio - Info tambahan saat memilih .NET 8.0.

  6. Di menu Visual Studio, pilih Penelusuran kesalahan>Mulai Tanpa Menelusuri Kesalahan untuk menjalankan aplikasi web secara lokal. Jika Anda melihat pesan yang meminta Anda mempercayai sertifikat yang ditandatangani sendiri, pilih Ya.

    Cuplikan layar Visual Studio - ASP.NET Core 8.0 berjalan secara lokal.

Tip

Jika Anda memiliki akun GitHub Copilot, coba dapatkan fitur GitHub Copilot untuk Visual Studio.

  1. Buka jendela terminal pada komputer Anda ke direktori kerja. Buat aplikasi web .NET baru menggunakan perintah dotnet new webapp, lalu ubah direktori ke aplikasi yang baru dibuat.

    dotnet new webapp -n MyFirstAzureWebApp --framework net8.0
cd MyFirstAzureWebApp

  2. Dari sesi terminal yang sama, jalankan aplikasi secara lokal menggunakan perintah dotnet run.

    dotnet run --urls=https://localhost:5001/

  3. Buka browser web, dan navigasi ke aplikasi di https://localhost:5001.

    Anda melihat templat ASP.NET aplikasi web Core 8.0 ditampilkan di halaman.

    Cuplikan layar Visual Studio Code - ASP.NET Core 8.0 di browser lokal.

Dalam langkah ini, Anda membuat fork proyek demo untuk disebarkan.

  1. Buka aplikasi sampel .NET 8.0.
  2. Pilih tombol Fork di sisi kanan atas di halaman GitHub.
  3. Pilih Pemilik dan biarkan Nama repositori default.
  4. Pilih Buat fork.

Mulai cepat ini menggunakan Azure Developer CLI (azd) untuk membuat sumber daya Azure dan menyebarkan kode ke dalamnya. Untuk informasi selengkapnya tentang Azure Developer CLI, kunjungi dokumentasi atau jalur pelatihan.

Ambil dan inisialisasi templat aplikasi web ASP.NET Core untuk mulai cepat ini menggunakan langkah-langkah berikut:

  1. Buka jendela terminal di komputer Anda ke direktori kerja kosong. Inisialisasi azd templat menggunakan azd init perintah .

    azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git

    Saat dimintai nama lingkungan, masukkan dev.

  2. Dari sesi terminal yang sama, jalankan aplikasi secara lokal menggunakan perintah dotnet run. --project Gunakan parameter untuk menentukan src direktori azd templat, yang merupakan tempat kode aplikasi berada.

    dotnet run --project src --urls=https://localhost:5001/

  3. Buka browser web dan navigasikan ke aplikasi di https://localhost:5001. Templat aplikasi web ASP.NET Core 8.0 ditampilkan di halaman.

    Cuplikan layar Visual Studio Code - ASP.NET Core 8.0 di browser lokal.

2. Terbitkan aplikasi web Anda

Ikuti langkah-langkah berikut untuk membuat App Service dan menerbitkan aplikasi web Anda:

  1. Di Penjelajah Solusi, klik kanan proyek MyFirstAzureWebApp dan pilih Terbitkan.

  2. Di Terbitkan, pilih Azure, lalu klik Berikutnya.

    Cuplikan layar Visual Studio - Terbitkan aplikasi web dan jadikan Azure sebagai target.

  3. Pilih Target tertentu, baik Azure App Service (Linux) atau Azure App Service (Windows). Kemudian, pilih Berikutnya.

    Penting

    Saat menargetkan ASP.NET Framework 4.8, gunakan Azure App Service (Windows).

  4. Opsi Anda bergantung pada apakah Anda sudah masuk ke Azure dan apakah Anda memiliki akun Visual Studio yang ditautkan ke akun Azure. Pilih Tambahkan akun atau Masuk untuk masuk ke langganan Azure Anda. Jika Anda sudah masuk, pilih akun yang Anda inginkan.

    Cuplikan layar Visual Studio - Pilih dialog masuk ke Azure.

  5. Di sebelah kanan instans App Service, pilih +.

    Cuplikan layar Visual Studio - Dialog aplikasi Azure App Service Baru.

  6. Untuk Langganan, terima langganan yang tercantum atau pilih langganan baru dari menu drop-down.

  7. Untuk grup Sumber Daya, pilih Baru. Di Nama grup sumber daya baru, masukkan myResourceGroup dan pilih Oke.

  8. Untuk Paket Hosting, pilih Baru.

  9. Di dialog Paket Hosting: Buat baru, masukkan nilai yang ditentukan dalam tabel berikut ini:

    Pengaturan Nilai yang disarankan Deskripsi
    Paket Hosting MyFirstAzureWebAppPlan Nama paket App Service.
    Location Eropa Barat Pusat data tempat aplikasi web dihosting.
    Ukuran Pilih tingkat terendah. Tingkat harga menentukan fitur hosting.

  10. Di Nama, masukkan nama aplikasi unik yang hanya menyertakan karakter yang valid yaitu a-z, A-Z, 0-9, dan -. Anda dapat menerima nama unik yang dihasilkan secara otomatis. URL aplikasi web adalah http://<app-name>.azurewebsites.net, dengan <app-name> merupakan nama aplikasi Anda.

  11. Pilih Buat untuk membuat sumber daya Azure.

    Cuplikan layar Visual Studio - Buat dialog sumber daya aplikasi.

    Setelah wizard selesai, sumber daya Azure dibuat untuk Anda, dan Anda siap untuk menerbitkan proyek ASP.NET Core Anda.

  12. Dalam dialog Terbitkan, pastikan aplikasi App Service baru Anda dipilih, lalu pilih Selesai, lalu pilih Tutup. Visual Studio membuat profil publikasi untuk Anda untuk Azure App Service Aplikasi yang dipilih.

  13. Di halaman Terbitkan, pilih Terbitkan. Jika Anda melihat pesan peringatan, pilih Lanjutkan.

    Visual Studio dapat membangun, mengemas, dan menerbitkan aplikasi ke Azure, lalu meluncurkan aplikasi di browser default.

    Anda melihat aplikasi web ASP.NET Core 8.0 ditampilkan di halaman.

    Cuplikan layar Visual Studio - aplikasi web ASP.NET Core 8.0 di Azure.

  1. Buka Visual Studio Code dari direktori akar proyek Anda.

    code .

  2. Jika diminta, pilih Ya, saya mempercayai penulis.

    Tip

    Jika Anda memiliki akun GitHub Copilot, coba dapatkan fitur GitHub Copilot untuk Visual Studio Code.

  3. Di Visual Studio Code, buka Palet Perintah dengan memilih Tampilkan>Palet Perintah.

  4. Cari dan pilih "Azure App Service: Buat Aplikasi Web Baru (Tingkat Lanjut)".

  5. Tanggapi perintah sebagai berikut:

    1. Jika diminta, masuk ke akun Azure Anda.
    2. Pilih Langganan Anda.
    3. Pilih Buat Aplikasi Web baru... Tingkat lanjut.
    4. Untuk Masukkan nama unik global, gunakan nama yang unik di seluruh Azure (karakter yang valid adalah a-z, 0-9, dan - ). Pola yang baik adalah menggunakan kombinasi nama perusahaan dan pengidentifikasi aplikasi Anda.
    5. Pilih Buat grup sumber daya baru dan berikan nama seperti myResourceGroup.
    6. Saat diminta untuk Memilih tumpukan runtime, pilih .NET 8 (LTS).
    7. Pilih sistem operasi (Windows atau Linux).
    8. Pilih lokasi di dekat Anda.
    9. Pilih Buat paket App Service baru, berikan nama, dan pilih tingkat harga Gratis (F1).
    10. Pilih Lewati untuk saat ini untuk sumber daya Application Insights.
    11. Saat diminta, pilih Sebarkan.
    12. Pilih MyFirstAzureWebApp sebagai folder yang akan digunakan.
    13. Pilih Tambahkan Konfigurasi saat diminta.

  6. Di popup Selalu sebarkan ruang kerja "MyFirstAzureWebApp" ke <app-name>", pilih Ya agar Visual Studio Code disebarkan ke aplikasi App Service yang sama setiap kali Anda berada di ruang kerja itu.

  7. Saat penerbitan selesai, pilih Telusuri Situs Web pada pemberitahuan dan pilih Buka saat diminta.

    Anda melihat aplikasi web ASP.NET Core 8.0 ditampilkan di halaman.

    Cuplikan layar Visual Studio Code - aplikasi web ASP.NET Core 8.0 di Azure.

  1. Masuk ke akun Azure Anda dengan menggunakan az login perintah dan mengikuti prompt:

    az login
    • Jika perintah az tidak dikenali, pastikan Anda telah menginstal Azure CLI seperti yang dijelaskan di Prasyarat.

  2. Terapkan kode di direktori MyFirstAzureWebApp lokal Anda menggunakan perintah az webapp up:

    az webapp up --sku F1 --name <app-name> --os-type <os>
    • Ganti <app-name> dengan nama yang unik di seluruh Azure (karakter yang valid adalah a-z, 0-9, dan -). Pola yang baik adalah menggunakan kombinasi nama perusahaan dan pengidentifikasi aplikasi Anda.
    • Argumen --sku F1 membuat aplikasi web pada tingkat hargaGratis. Hapus argumen ini untuk menggunakan tingkat premium yang lebih cepat, yang akan dikenakan biaya per jam.
    • Ganti <os> dengan linux atau windows.
    • Anda dapat secara opsional menyertakan argumen --location <location-name> di mana <location-name> adalah wilayah Azure yang tersedia. Anda dapat mengambil daftar wilayah yang diizinkan untuk akun Azure Anda dengan menjalankan perintah az account list-locations.

    Perintah mungkin memerlukan waktu beberapa menit untuk diselesaikan. Saat sedang berjalan, perintah menyediakan pesan tentang membuat grup sumber daya, paket App Service, dan aplikasi hosting, mengonfigurasi pengelogan, lalu melakukan penyebaran ZIP. Kemudian akan menampilkan pesan dengan URL aplikasi:

    You can launch the app at http://<app-name>.azurewebsites.net

  3. Buka browser web dan navigasi ke URL:

    Anda melihat aplikasi web ASP.NET Core 8.0 ditampilkan di halaman.

    Cuplikan layar aplikasi web CLI - ASP.NET Core 8.0 di Azure.

Catatan

Azure PowerShell direkomendasikan untuk membuat aplikasi di platform hosting Windows. Untuk membuat aplikasi di Linux, gunakan alat yang berbeda, seperti Azure CLI.

  1. Masuk ke akun Azure Anda dengan menggunakan Connect-AzAccount perintah dan mengikuti prompt:

    Connect-AzAccount

  1. Buat aplikasi fungsi dengan menggunakan perintah New-AzFunctionApp.

    New-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -Location westeurope
    • Ganti <app-name> dengan nama yang unik di seluruh Azure (karakter yang valid adalah a-z, 0-9, dan -). Kombinasi nama perusahaan Anda dan pengidentifikasi aplikasi adalah pola yang baik.
    • Anda dapat secara opsional menyertakan argumen -Location <location-name> dengan <location-name> sebagai wilayah Azure yang tersedia. Anda dapat mengambil daftar wilayah yang diizinkan untuk akun Azure Anda dengan menjalankan perintah Get-AzLocation.

    Perintah mungkin memerlukan waktu beberapa menit untuk diselesaikan. Saat sedang berjalan, perintah membuat grup sumber daya, paket App Service, dan sumber daya App Service.

  2. Dari folder root aplikasi, siapkan aplikasi MyFirstAzureWebApp lokal Anda untuk penyebaran menggunakan dotnet publish perintah:

    dotnet publish --configuration Release

  3. Ubah ke direktori rilis dan buat file zip dari konten:

    cd bin\Release\net8.0\publish
Compress-Archive -Path * -DestinationPath deploy.zip

  4. Publikasikan file zip ke aplikasi Azure menggunakan perintah Publish-AzWebApp:

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force

    Catatan

    -ArchivePath membutuhkan jalur penuh dari file zip.

  5. Buka browser web dan navigasi ke URL:

    Anda melihat aplikasi web ASP.NET Core 8.0 ditampilkan di halaman.

    Cuplikan layar aplikasi web CLI - ASP.NET Core 8.0 di Azure.

  1. Ketik layanan aplikasi dalam pencarian. Di bagian Layanan, pilih App Services.

    Cuplikan layar kotak pencarian portal Microsoft Azure.

  2. Di halaman App Services, pilih Buat>Aplikasi Web.

  3. Di tab Dasar:

    • Pada Grup Sumber Daya, pilih Buat baru. Ketik myResourceGroup untuk namanya.
    • Di bagian Nama, ketik nama yang unik secara global untuk aplikasi web Anda.
    • Di bagian Terbitkan, pilih Kode.
    • Di bawah Tumpukan runtime pilih .NET 8 (LTS).
    • Di bawah Sistem Operasi, pilih Windows. Jika Anda memilih Linux, Anda tidak dapat mengonfigurasi penyebaran GitHub di langkah berikutnya, tetapi Anda masih dapat melakukannya setelah membuat aplikasi di halaman Pusat Penyebaran.
    • Pilih Wilayah tempat Anda ingin menyajikan aplikasi Anda.
    • Di bawah Paket App Service, pilih Buat baru dan ketik myAppServicePlan untuk nama tersebut.
    • Di bawah Paket harga, pilih F1 Gratis.

    Cuplikan layar konfigurasi aplikasi App Service baru untuk .NET 8 di portal Azure.

  4. Pilih tab Penyebaran di bagian atas halaman

  5. Di bawah Pengaturan Tindakan GitHub, atur Penyebaran berkelanjutan ke Aktifkan.

  6. Di bawah Detail GitHub Actions, autentikasi dengan akun GitHub Anda dan pilih opsi berikut:

    • Untuk Organisasi pilih organisasi tempat Anda membuat fork proyek demo.
    • Untuk Repositori pilih proyek dotnetcore-docs-hello-world.
    • Untuk Cabang pilih utama.

    Cuplikan layar opsi penyebaran untuk aplikasi menggunakan runtime .NET 8.

    Catatan

    Secara default, wizard pembuatan menonaktifkan autentikasi dasar dan penyebaran GitHub Actions dibuat menggunakan identitas yang ditetapkan pengguna. Jika Anda mendapatkan kesalahan izin selama pembuatan sumber daya, akun Azure Anda mungkin tidak memiliki cukup izin. Anda dapat mengonfigurasi penyebaran GitHub Actions nanti dengan identitas yang dihasilkan untuk Anda oleh administrator Azure, atau Anda juga dapat mengaktifkan autentikasi dasar sebagai gantinya.

  7. Pilih tombol Tinjau + buat di bagian bawah halaman.

  8. Setelah validasi berjalan, pilih tombol Create di bagian bawah halaman.

  9. Setelah penyebaran selesai, pilih Buka sumber daya.

    Cuplikan layar langkah selanjutnya menuju sumber daya.

  10. Lakukan penelusuran ke aplikasi yang disebarkan menggunakan browser web Anda di URL http://<app-name>.azurewebsites.net. Jika Anda melihat pesan "Aplikasi web Anda sedang berjalan dan menunggu konten Anda", penyebaran GitHub masih berjalan. Tunggu beberapa menit dan refresh halaman.

Templat AZD berisi file yang menghasilkan sumber daya yang diperlukan berikut agar aplikasi Anda berjalan di App service:

  • Grup sumber daya baru untuk memuat semua sumber daya Azure untuk layanan ini.
  • Paket App Service baru yang menentukan lokasi, ukuran, dan fitur farm server web yang menghosting aplikasi Anda.
  • Instans aplikasi App Service baru untuk menjalankan aplikasi yang disebarkan.

  1. Masuk ke akun Azure Anda dengan menggunakan azd auth login perintah dan mengikuti prompt:

    azd auth login

  2. Buat sumber daya Azure dan sebarkan azd up aplikasi Anda menggunakan perintah :

    azd up

    Perintah azd up mungkin perlu waktu beberapa menit untuk diselesaikan. azd up menggunakan file Bicep di proyek Anda untuk membuat grup sumber daya, Paket App Service, dan aplikasi hosting. Ini juga melakukan konfigurasi tertentu seperti mengaktifkan pengelogan dan menyebarkan kode aplikasi yang dikompilasi. Saat sedang berjalan, perintah menyediakan pesan tentang proses provisi dan penyebaran, termasuk tautan ke penyebaran di Azure. Setelah selesai, perintah juga menampilkan tautan ke aplikasi penyebaran.

  3. Buka browser web dan navigasi ke URL:

    Anda melihat aplikasi web ASP.NET Core 8.0 ditampilkan di halaman.

    Cuplikan layar aplikasi sampel .NET Framework 4.8 yang disebarkan.

3. Perbarui aplikasi dan sebarkan ulang

Anda akan membuat perubahan pada Index.cshtml dan menyebarkan ulang untuk melihat perubahan. Di templat .NET 8.0, templat berada di folder Halaman . Di templat .NET Framework 4.8, templat tersebut ada di folder Tampilan/Beranda . Ikuti langkah-langkah berikut untuk memperbarui dan menerapkan ulang aplikasi web Anda:

  1. Di Penjelajah Solusi, di bawah proyek Anda, buka Index.cshtml.

  2. Ganti elemen pertama <div> dengan kode berikut:

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

    Tip

    Dengan GitHub Copilot diaktifkan di Visual Studio, cobalah hal berikut:

    1. <div> Pilih elemen dan ketik Alt+/.
    2. Tanyakan Copilot, "Ubah ke kartu Bootstrap yang bertuliskan .NET 💜 Azure."

    Simpan perubahan Anda.

  3. Untuk menerapkan ulang ke Azure, klik kanan proyek MyFirstAzureWebApp di Penjelajah Solusi dan pilih Terbitkan.

  4. Di halaman ringkasan Terbitkan, pilih Terbitkan.

    Saat penerbitan selesai, Visual Studio akan meluncurkan browser ke URL aplikasi web.

    Anda melihat aplikasi web ASP.NET Core 8.0 yang diperbarui ditampilkan di halaman.

    Cuplikan layar Visual Studio - Aplikasi web ASP.NET Core 8.0 yang diperbarui di Azure.

  1. Buka Pages/Index.cshtml.

  2. Ganti elemen pertama <div> dengan kode berikut:

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

    Tip

    Coba ini dengan GitHub Copilot:

    1. Pilih seluruh <div> elemen dan klik .
    2. Tanyakan Copilot, "Ubah ke kartu Bootstrap yang bertuliskan .NET 💜 Azure."

    Simpan perubahan Anda.

  3. Di Visual Studio Code, buka Palet Perintah, Ctrl+Shift+P.

  4. Cari dan pilih "Azure App Service: Terapkan ke Aplikasi Web".

  5. Pilih langganan dan aplikasi web yang Anda gunakan sebelumnya.

  6. Saat diminta, pilih Sebarkan.

  7. Saat penerbitan selesai, pilih Telusuri Situs Web di pemberitahuan.

    Anda melihat aplikasi web ASP.NET Core 8.0 yang diperbarui ditampilkan di halaman.

    Cuplikan layar Visual Studio Code - Aplikasi web ASP.NET Core 8.0 yang diperbarui di Azure.

Tip

Untuk melihat bagaimana Visual Studio Code dengan GitHub Copilot membantu meningkatkan pengalaman pengembangan web Anda, lihat langkah-langkah Visual Studio Code.

Di direktori lokal, buka file Pages/Index.cshtml . Ganti elemen pertama <div>:

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Simpan perubahan Anda, lalu sebarkan ulang aplikasi menggunakan az webapp up perintah lagi dan ganti <os> dengan linux atau windows.

az webapp up --os-type <os>

Perintah ini menggunakan nilai yang disimpan cache secara lokal dalam file .azure/config, termasuk nama aplikasi, grup sumber daya, dan paket App Service.

Setelah penyebaran selesai, beralih kembali ke jendela browser yang dibuka di langkah Telusuri ke aplikasi , dan tekan refresh.

Anda melihat aplikasi web ASP.NET Core 8.0 yang diperbarui ditampilkan di halaman.

Cuplikan layar aplikasi web CLI - Diperbarui ASP.NET Core 8.0 di Azure.

  1. Di direktori lokal, buka file Pages/Index.cshtml . Ganti elemen pertama <div>:

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

  2. Dari folder root aplikasi, siapkan aplikasi MyFirstAzureWebApp lokal Anda untuk penyebaran menggunakan dotnet publish perintah:

    dotnet publish --configuration Release

  3. Ubah ke direktori rilis dan buat file zip dari konten:

    cd bin\Release\net8.0\publish
Compress-Archive -Path * -DestinationPath deploy.zip

  4. Publikasikan file zip ke aplikasi Azure menggunakan perintah Publish-AzWebApp:

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force

    Catatan

    -ArchivePath membutuhkan jalur penuh dari file zip.

  5. Setelah penyebaran selesai, beralih kembali ke jendela browser yang dibuka di langkah Telusuri ke aplikasi , dan tekan refresh.

    Anda melihat aplikasi web ASP.NET Core 8.0 yang diperbarui ditampilkan di halaman.

    Cuplikan layar aplikasi web CLI - Diperbarui ASP.NET Core 8.0 di Azure.

  1. Telusuri ke fork GitHub Anda dari kode sampel.

  2. Pada halaman repositori Anda, buat codespace dengan memilih Code>Create codespace di utama.

    Tip

    Jika Anda memiliki akun GitHub Copilot, coba dapatkan fitur GitHub Copilot di codespace Anda.

  3. Buka Index.cshtml.

    Index.cshtml terletak di folder Pages.

    Cuplikan layar jendela Explorer dari Visual Studio Code di browser, menyoroti Index.cshtml di repositori dotnetcore-docs-hello-world.

  4. Ganti elemen pertama <div> dengan kode berikut:

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

    Perubahan disimpan secara otomatis.

    Tip

    Coba ini dengan GitHub Copilot:

    1. Pilih seluruh <div> elemen dan klik .
    2. Tanyakan Copilot, "Ubah ke kartu Bootstrap yang bertuliskan .NET 💜 Azure."

  5. Dari menu Kontrol Sumber, masukkan pesan penerapan seperti Modify homepage. Lalu, pilih Terapkan dan konfirmasi penahapan perubahan dengan memilih Ya.

    Tip

    Biarkan GitHub Copilot membuat pesan penerapan untuk Anda dengan memilih di kotak pesan.

  6. Pilih Sinkronkan perubahan 1, lalu konfirmasi dengan memilih OK.

  7. Dibutuhkan beberapa menit agar penyebaran berjalan. Untuk melihat kemajuan, navigasikan ke https://github.com/<your-github-alias>/dotnetcore-docs-hello-world/actions.

  8. Kembali ke jendela browser yang dibuka selama langkah Telusuri ke aplikasi , dan refresh halaman.

    Anda melihat aplikasi web ASP.NET Core 8.0 yang diperbarui ditampilkan di halaman.

    Cuplikan layar aplikasi web CLI - Diperbarui ASP.NET Core 8.0 di Azure.

Di direktori lokal, buka file src/Pages/Index.cshtml . Ganti elemen pertama <div>:

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Simpan perubahan Anda, lalu terapkan ulang aplikasi menggunakan perintah azd up lagi:

azd up

azd up lewati langkah penyediaan sumber daya kali ini dan hanya menyebarkan ulang kode Anda, karena tidak ada perubahan pada file Bicep.

Setelah penyebaran selesai, browser terbuka ke aplikasi web ASP.NET Core 8.0 yang diperbarui.

Cuplikan layar aplikasi web CLI - Diperbarui ASP.NET Core 8.0 di Azure.

4. Mengelola aplikasi Azure

Untuk mengelola aplikasi web Anda, buka portal Microsoft Azure, dan cari dan pilih App Services.

Cuplikan layar portal Azure - Pilih opsi App Services.

Pada halaman App Services, pilih nama aplikasi web Anda.

Cuplikan layar portal Azure - Halaman App Services dengan contoh aplikasi web yang dipilih.

Halaman Gambaran Umum untuk aplikasi web Anda, berisi opsi untuk manajemen dasar seperti menelusuri, menghentikan, memulai, memulai ulang, dan menghapus. Menu sebelah kiri menyediakan halaman lebi lanjut untuk mengonfigurasikan aplikasi Anda.

Cuplikan layar portal Azure - Halaman gambaran umum App Service.

Membersihkan sumber daya

Di langkah-langkah sebelumnya, Anda membuat sumber daya Azure dalam grup sumber daya. Jika Anda tidak berharap membutuhkan sumber daya ini di masa mendatang, Anda dapat menghapusnya dengan menghapus grup sumber daya.

  1. Dari halaman Gambaran umum aplikasi web di portal Microsoft Azure, pilih tautan myResourceGroup di bawah Grup sumber daya.
  2. Di halaman grup sumber daya, pastikan sumber daya yang tercantum adalah sumber daya yang ingin Anda hapus.
  3. Pilih Hapus grup sumber daya, ketik myResourceGroup di kotak teks, lalu pilih Hapus.
  4. Konfirmasi lagi dengan memilih Hapus.

Membersihkan sumber daya

Di langkah-langkah sebelumnya, Anda membuat sumber daya Azure dalam grup sumber daya. Jika Anda tidak berharap membutuhkan sumber daya ini di masa mendatang, Anda dapat menghapusnya dengan menghapus grup sumber daya.

  1. Dari halaman Gambaran umum aplikasi web di portal Microsoft Azure, pilih tautan myResourceGroup di bawah Grup sumber daya.
  2. Di halaman grup sumber daya, pastikan sumber daya yang tercantum adalah sumber daya yang ingin Anda hapus.
  3. Pilih Hapus grup sumber daya, ketik myResourceGroup di kotak teks, lalu pilih Hapus.
  4. Konfirmasi lagi dengan memilih Hapus.

Di langkah-langkah sebelumnya, Anda membuat sumber daya Azure dalam grup sumber daya. Jika Anda tidak membutuhkan sumber daya ini di masa mendatang, hapus grup sumber daya dengan menjalankan perintah berikut ini di Cloud Shell:

az group delete

Demi kenyamanan Anda, perintah yang Anda jalankan az webapp up sebelumnya dalam proyek ini menyimpan nama grup sumber daya sebagai nilai default setiap kali Anda menjalankan az perintah dari proyek ini.

Membersihkan sumber daya

Di langkah-langkah sebelumnya, Anda membuat sumber daya Azure dalam grup sumber daya. Jika Anda tidak membutuhkan sumber daya ini di masa mendatang, hapus grup sumber daya dengan menjalankan perintah PowerShell berikut:

Remove-AzResourceGroup -Name myResourceGroup

Perintah ini mungkin perlu waktu beberapa saat untuk dijalankan.

Membersihkan sumber daya

Di langkah-langkah sebelumnya, Anda membuat sumber daya Azure dalam grup sumber daya. Jika Anda tidak berharap membutuhkan sumber daya ini di masa mendatang, Anda dapat menghapusnya dengan menghapus grup sumber daya.

  1. Dari halaman Gambaran umum aplikasi web di portal Microsoft Azure, pilih tautan myResourceGroup di bawah Grup sumber daya.
  2. Di halaman grup sumber daya, pastikan sumber daya yang tercantum adalah sumber daya yang ingin Anda hapus.
  3. Pilih Hapus grup sumber daya, ketik myResourceGroup di kotak teks, lalu pilih Hapus.
  4. Konfirmasi lagi dengan memilih Hapus.

Membersihkan sumber daya

azd down Gunakan perintah untuk menghapus grup sumber daya dan semua sumber daya yang terkait dengannya:

azd down

Kunjungi dokumentasi Azure Developer CLI untuk langkah berikutnya dalam bekerja dengan azd templat dan fitur tambahan.

Langkah berikutnya

Lanjutkan ke artikel berikutnya untuk mempelajari cara membuat aplikasi .NET Core dan menghubungkannya ke Microsoft Azure SQL Database:

Tutorial: Aplikasi ASP.NET Core dengan database SQL

Templat Aplikasi: ASP.NET aplikasi Core dengan database SQL dan App Insights yang disebarkan menggunakan TINDAKAN GITHub CI/CD

Mengonfigurasi aplikasi ASP.NET Core

Pelajari selengkapnya tentang Azure Developer CLI