Latihan - Terapkan kode Anda ke App Service

Selesai

Di unit ini, Anda menyebarkan aplikasi web ke App Service.

Terapkan dengan az webapp deploy

Mari kita sebarkan aplikasi .NET dengan penyebaran ZIP.

Pertama, gunakan dotnet publish untuk membangun file aplikasi akhir dan zip untuk mengemasnya ke dalam file zip:

cd ~/BestBikeApp
dotnet publish -o pub
cd pub
zip -r site.zip *

Akhirnya, lakukan penyebaran dengan az webapp deploy. Ganti dalam perintah berikut dengan nama aplikasi web Azure Anda dan jalankan <your-app-name> :

az webapp deploy \
    --src-path site.zip \
    --resource-group <rgn>[sandbox resource group name]</rgn> \
    --name <your-app-name>

Penyebaran membutuhkan waktu beberapa menit, selama waktu tersebut Anda mendapatkan output status. Kode status 202 berarti penyebaran berhasil.

Verifikasi penyebaran

Mari kita telusuri ke aplikasi kami. Navigasi kembali ke tab browser yang terbuka yang berisi halaman tempat penampung dan refresh. Jika halaman tempat penampung muncul lagi, instans App Service Anda belum sepenuhnya dimulai ulang, jadi tunggu sebentar dan coba lagi. Saat menyegarkan setelah aplikasi dimulai ulang, Anda mendapatkan halaman splash untuk aplikasi web ASP.NET Core baru.

Cuplikan layar halaman selamat datang.

Selamat, Anda berhasil menghosting aplikasi ASP.NET Core baru Anda di App Service!

Terapkan dengan az webapp deploy

Jalankan perintah berikut untuk menyebarkan aplikasi web Java Anda. Ganti <your-app-name> dengan nama aplikasi web yang Anda buat di portal Azure.

cd ~/helloworld/target
az webapp deploy \
    --src-path helloworld.war \
    --resource-group <rgn>[sandbox resource group name]</rgn> \
    --name <your-app-name>

Saat perintah selesai berjalan, buka tab browser baru dan buka https://<your-app-name>.azurewebsites.net. Anda mendapatkan pesan salam dari aplikasi Anda. Anda berhasil disebarkan!

Terapkan dengan az webapp up

Mari kita menyebarkan aplikasi Node.js kami dengan az webapp up. Perintah ini mengemas aplikasi kami dan mengirimkannya ke instans App Service kami, tempat aplikasi dibangun dan disebarkan.

Pertama, kita perlu mengumpulkan beberapa informasi tentang sumber daya aplikasi web kami. Jalankan perintah berikut untuk mengatur variabel shell yang berisi nama aplikasi, nama grup sumber daya, nama paket, sku, runtime, dan lokasi kami. Masing-masing variabel ini menggunakan perintah yang berbeda az untuk meminta informasi dari Azure; az webapp up membutuhkan nilai-nilai ini untuk menargetkan aplikasi web kami yang ada.

export APPNAME=$(az webapp list --query [0].name --output tsv)
export APPRG=$(az webapp list --query [0].resourceGroup --output tsv)
export APPPLAN=$(az appservice plan list --query [0].name --output tsv)
export APPSKU=$(az appservice plan list --query [0].sku.name --output tsv)
export APPRUNTIME="node|20-LTS"
export APPLOCATION=$(az appservice plan list --query [0].location --output tsv)

Sekarang, jalankan az webapp up dengan nilai yang sesuai. Pastikan Anda berada di helloworld direktori sebelum menjalankan perintah ini.

az webapp up --name $APPNAME --resource-group $APPRG --plan $APPPLAN --sku $APPSKU --runtime $APPRUNTIME --location "$APPLOCATION"

Penyebaran membutuhkan waktu beberapa menit untuk disebarluaskan. Anda dapat melihat kemajuan dalam output status. Kode status 202 berarti penyebaran Anda berhasil.

Verifikasi penyebaran

Mari kita telusuri ke aplikasi kami. Baris output terakhir dari az webapp up sebelum blok kode JSON memiliki tautan ke aplikasi Anda. Pilih untuk menavigasi ke sana di tab browser baru. Halaman membutuhkan waktu sejenak untuk dimuat, karena App Service menginisialisasi aplikasi Anda untuk pertama kalinya.

Setelah dimuat, Anda mendapatkan pesan salam dari aplikasi Anda. Anda berhasil disebarkan!

Terapkan dengan az webapp up

Mari kita menyebarkan aplikasi Python kami dengan az webapp up. Perintah ini mengemas aplikasi kami dan mengirimkannya ke instans App Service kami, tempat aplikasi dibangun dan disebarkan.

Pertama, kita perlu mengumpulkan beberapa informasi tentang sumber daya aplikasi web kami. Jalankan perintah ini untuk mengatur variabel shell yang berisi nama aplikasi, nama grup sumber daya, nama paket, sku, dan lokasi aplikasi kami. Ini menggunakan perintah az yang berbeda untuk meminta informasi dari Azure; az webapp up membutuhkan nilai-nilai ini untuk menargetkan aplikasi web kami yang ada.

export APPNAME=$(az webapp list --query [0].name --output tsv)
export APPRG=$(az webapp list --query [0].resourceGroup --output tsv)
export APPPLAN=$(az appservice plan list --query [0].name --output tsv)
export APPSKU=$(az appservice plan list --query [0].sku.name --output tsv)
export APPLOCATION=$(az appservice plan list --query [0].location --output tsv)

Sekarang, jalankan az webapp up dengan nilai yang sesuai. Pastikan Anda berada di BestBikeApp direktori sebelum menjalankan perintah ini.

cd ~/BestBikeApp
az webapp up --name $APPNAME --resource-group $APPRG --plan $APPPLAN --sku $APPSKU --location "$APPLOCATION"

Penyebaran membutuhkan waktu beberapa menit, selama waktu tersebut Anda mendapatkan output status.

Verifikasi penyebaran

Mari kita telusuri aplikasi Anda. Dalam output, tepat sebelum blok kode JSON, ada baris dengan URL. Pilih tautan tersebut untuk membuka aplikasi Anda di tab browser baru. Halaman mungkin membutuhkan waktu sejenak untuk dimuat karena App Service menginisialisasi aplikasi Anda untuk pertama kalinya.

Setelah program dimuat, Anda mendapatkan pesan salam dari aplikasi Anda. Anda berhasil disebarkan!

Cuplikan layar halaman sambutan Python yang menampilkan Aplikasi Hello Best Bike!