Latihan - Menyiapkan lingkungan Azure DevOps Anda

Selesai

Di bagian ini, Anda memastikan bahwa organisasi Azure DevOps diatur untuk menyelesaikan sisa modul ini. Anda juga membuat lingkungan Azure App Service yang Anda sebarkan nanti.

Untuk mencapai tujuan ini, Anda:

• Tambahkan pengguna untuk memastikan Azure DevOps bisa terhubung ke langganan Azure Anda.
• Siapkan proyek Azure DevOps untuk modul ini.
• Di Azure Boards, pindahkan item pekerjaan untuk modul ini ke kolom Melakukan.
• Pastikan proyek Anda disiapkan secara lokal sehingga Anda dapat mendorong perubahan ke alur.
• Buat lingkungan Azure App Service dengan menggunakan Azure CLI di Azure Cloud Shell.
• Buat variabel alur yang menentukan nama lingkungan App Service Anda.
• Membuat koneksi layanan yang memungkinkan Azure Pipelines mengakses langganan Azure Anda dengan aman.

Tambahkan pengguna ke Azure DevOps

Untuk menyelesaikan modul ini, Anda memerlukan langganan Azure Anda sendiri. Anda dapat mulai menggunakan Azure secara gratis.

Anda tidak memerlukan langganan Azure untuk menggunakan Azure DevOps, tetapi di sini Anda menggunakan Azure DevOps untuk menyebarkan ke sumber daya Azure yang ada di langganan Azure Anda. Untuk menyederhanakan proses, gunakan akun Microsoft yang sama untuk masuk ke langganan Azure dan organisasi Azure DevOps Anda.

Jika Anda menggunakan akun Microsoft yang berbeda untuk masuk ke Azure dan Azure DevOps, tambahkan pengguna ke organisasi DevOps Anda pada akun Microsoft yang Anda gunakan untuk masuk ke Azure. Untuk informasi selengkapnya, lihat Menambahkan pengguna ke organisasi atau proyek Anda. Saat Anda menambahkan pengguna, pilih tingkat akses Dasar.

Selanjutnya, keluar dari Azure DevOps dan masuk. Gunakan akun Microsoft yang Anda gunakan untuk masuk ke langganan Azure Anda.

Dapatkan proyek Azure DevOps

Di sini, Anda memastikan bahwa organisasi Azure DevOps Anda disiapkan untuk menyelesaikan sisa modul ini. Untuk melakukannya, jalankan templat yang membuat proyek di Azure DevOps.

Modul dalam jalur pembelajaran ini merupakan bagian dari proses. Anda mengikuti tim web Tailspin melalui perjalanan DevOps mereka. Untuk tujuan pembelajaran, setiap modul memiliki proyek Azure DevOps-nya sendiri.

Jalankan template

Jalankan templat yang menyiapkan organisasi Azure DevOps Anda:

Jalankan template

Dari situs Azure DevOps Demo Generator, untuk menjalankan templat, ikuti langkah-langkah berikut.

1. Pilih Masuk dan terima persyaratan penggunaan.

2. Pada halaman Buat Proyek Baru, pilih organisasi Azure DevOps Anda. Masukkan nama proyek, seperti Space Game - web - Multistage.

   

3. Pilih Ya, saya ingin melakukan fork repositori ini>Autorisasi.

   Jika jendela muncul, otorisasi akses ke akun GitHub Anda.

   Penting

   Anda harus memilih opsi ini sehingga templat akan terhubung ke repositori GitHub Anda. Pilih ini meskipun Anda telah melakukan fork proyek situs web Space Game. Templat menggunakan fork Anda yang sudah ada.

4. Pilih Buat Proyek.

   Template membutuhkan waktu beberapa saat untuk dijalankan.

5. Untuk membuka proyek Anda di Azure DevOps, pilih Navigasi ke proyek.

Penting

Dalam modul ini, laman Bersihkan lingkungan Azure DevOps Anda berisi langkah-langkah pembersihan penting. Pembersihan membantu memastikan bahwa Anda tidak kehabisan menit build gratis. Bahkan jika Anda tidak menyelesaikan modul ini, pastikan untuk mengikuti langkah-langkah pembersihan.

Atur visibilitas proyek Anda

Awalnya, fork repositori Space Game Anda di GitHub diatur ke publik saat proyek yang dibuat oleh templat Azure DevOps diatur ke privat. Repositori publik di GitHub dapat diakses oleh siapa saja, sementara repositori privat hanya dapat diakses oleh Anda dan orang-orang yang Anda pilih untuk membagikannya. Demikian pula, di Azure DevOps, proyek publik menyediakan akses baca-saja ke pengguna yang tidak diautentikasi, sementara proyek privat mengharuskan pengguna untuk diberikan akses dan diautentikasi untuk mengakses layanan.

Saat ini, tidak perlu memodifikasi salah satu pengaturan ini untuk tujuan modul ini. Namun, untuk proyek pribadi Anda, Anda harus menentukan visibilitas dan akses yang ingin Anda berikan kepada orang lain. Misalnya, jika proyek Anda sumber terbuka, Anda dapat memilih untuk membuat repositori GitHub dan proyek Azure DevOps Anda menjadi publik. Jika proyek Anda bersifat kepemilikan, Anda biasanya akan membuat repositori GitHub dan proyek Azure DevOps Anda privat.

Nantinya, Anda mungkin menemukan sumber daya berikut yang berguna dalam menentukan opsi mana yang terbaik untuk proyek Anda:

• Menggunakan proyek privat dan publik
• Mulai cepat: Membuat proyek privat Anda menjadi publik
• Mengatur visibilitas repositori

Memindahkan item kerja ke Melakukan

Di sini, Anda menetapkan item pekerjaan untuk diri Anda sendiri di Azure Boards. Anda juga memindahkan item pekerjaan ke status Melakukan. Dalam praktiknya, Anda dan tim Anda akan membuat item pekerjaan di awal setiap sprint, ataupun perulangan kerja.

Penetapan kerja ini memberi Anda daftar periksa untuk dikerjakan. Ini memberikan visibilitas anggota tim lain ke dalam apa yang sedang Anda kerjakan dan berapa banyak pekerjaan yang tersisa. Item kerja juga membantu memberlakukan batas pekerjaan-sedang-berlangsung (WIP) sehingga tim tidak mengambil terlalu banyak pekerjaan sekaligus.

Ingat bahwa tim menyelesaikan masalah teratas berikut untuk sprint saat ini.

Catatan

Dalam organisasi Azure DevOps, item kerja diberi nomor secara berurutan. Dalam proyek Anda, nomor untuk setiap item pekerjaan mungkin tidak cocok dengan yang Anda lihat di sini.

Di sini Anda memindahkan item pertama, Membuat alur multistage, ke kolom Melakukan. Kemudian Anda menetapkan diri Anda ke item kerja. Buat alur multitahap berkaitan dengan menentukan setiap tahap penyebaran situs web Space Game.

Untuk menyiapkan item kerja:

1. Dari Azure DevOps, buka Papan. Kemudian, dari menu, pilih Papan.

   

2. Pada kartu Buat alur multistage, pilih panah bawah. Kemudian, tetapkan item pekerjaan untuk diri Anda sendiri.

   

3. Pindahkan item pekerjaan dari kolom Akan Dilakukan ke kolom Sedang Dilakukan.

   

Di akhir modul ini, Anda akan memindahkan kartu ke kolom Selesai, setelah Anda menyelesaikan tugas.

Menjalankan proyek secara lokal

Di sini Anda memuat proyek Space Game dalam Visual Studio Code, mengonfigurasi Git, mengkloning repositori Anda secara lokal, dan mengatur upstream jarak jauh sehingga Anda dapat mengunduh kode starter.

Catatan

Jika Anda sudah menyiapkan proyek mslearn-tailspin-spacegame-web-deploy secara lokal, Anda dapat pindah ke bagian berikutnya.

Buka terminal terintegrasi

Visual Studio Code hadir dengan terminal terintegrasi. Di sini, Anda dapat mengedit file serta bekerja dari baris perintah.

1. Memulai Visual Studio Code.

2. Pada menu Tampilan, pilih Terminal.

3. Di daftar dropdown, pilih Git Bash. Jika Anda terbiasa dengan shell Unix lain yang lebih suka Anda gunakan, pilih shell tersebut sebagai gantinya.

   

   Di jendela terminal, Anda dapat memilih shell apa pun yang diinstal pada sistem Anda. Misalnya, Anda dapat memilih Git Bash, atau PowerShell, atau shell lain.

   Di sini Anda akan menggunakan Git Bash, bagian dari Git untuk Windows, yang memudahkan untuk menjalankan perintah Git.

   Catatan

   Di Windows, jika Anda tidak melihat Git Bash terdaftar sebagai opsi, pastikan Anda telah menginstal Git, lalu memulai ulang Visual Studio Code.

4. Jalankan perintah cd untuk menavigasikan ke direktori tempat Anda ingin bekerja. Pilih direktori beranda Anda (~) atau direktori lain jika Anda mau.

   cd ~
   

Konfigurasikan Git

Jika Anda baru menggunakan Git dan GitHub, pertama-tama jalankan beberapa perintah untuk mengaitkan identitas Anda dengan Git dan mengautentikasi dengan GitHub. Untuk informasi selengkapnya, lihat Menyiapkan Git.

Setidaknya, Anda perlu menyelesaikan langkah-langkah berikut. Jalankan perintah dari terminal terintegrasi.

1. Atur nama pengguna Anda.
2. Atur alamat email penerapan Anda.
3. Tembolokan kata sandi GitHub Anda.

Catatan

Jika Anda sudah menggunakan autentikasi dua faktor menggunakan GitHub, buat token akses pribadi. Saat Anda diminta, gunakan token Anda sebagai pengganti kata sandi Anda.

Perlakukan token akses Anda seperti kata sandi. Simpan di tempat yang aman.

Siapkan proyek Anda di Visual Studio Code

Di jalur pembelajaran Build aplikasi dengan Azure DevOps, Anda membuat fork lalu mengkloning repositori Git. Repositori berisi kode sumber untuk situs web Space Game. Fork Anda tersambung ke proyek Anda di Azure DevOps sehingga build berjalan saat Anda mendorong perubahan ke GitHub.

Penting

Di jalur pembelajaran ini, kita beralih ke repositori Git yang berbeda, mslearn-tailspin-spacegame-web-deploy. Saat Anda menjalankan templat untuk menyiapkan proyek Azure DevOps Anda, proses fork tersebut membuat repositori secara otomatis untuk Anda.

Di bagian ini, Anda mengkloning fork Anda secara lokal sehingga Anda dapat mengubah dan melakukan build konfigurasi alur Anda.

Mengkloning fork Anda secara lokal

Anda sekarang memiliki salinan proyek web Space Game di akun GitHub Anda. Sekarang Anda akan mengunduh, atau mengkloning, salinan ke komputer Anda sehingga Anda dapat bekerja menggunakannya.

Kloning, seperti fork, adalah salinan repositori. Saat Anda mengkloning repositori, Anda dapat membuat perubahan, memverifikasi bahwa mereka berfungsi seperti yang Anda harapkan, lalu mengunggah perubahan tersebut ke GitHub. Anda juga dapat menyinkronkan salinan lokal Anda dengan perubahan yang telah dibuat oleh pengguna terautentikasi lainnya pada salinan GitHub dari repositori Anda.

Untuk mengkloning proyek web Space Game ke komputer Anda:

1. Buka fork proyek web Space Game Anda (mslearn-tailspin-spacegame-web-deploy) di GitHub.

2. Pilih Kode. Kemudian, dari tab HTTPS, pilih tombol di samping URL yang ditampilkan untuk menyalin URL ke clipboard Anda.

   

3. Di Visual Studio Code, buka jendela terminal.

4. Di terminal, pindah ke direktori tempat Anda ingin bekerja. Pilih direktori beranda Anda (~) atau direktori lain jika Anda mau.

   cd ~
   

5. Jalankan perintah git clone. Ganti URL yang ditampilkan di sini dengan konten clipboard Anda:

   git clone https://github.com/your-name/mslearn-tailspin-spacegame-web-deploy.git
   

6. Pindah ke direktori mslearn-tailspin-spacegame-web-deploy. Ini adalah direktori akar repositori Anda.

   cd mslearn-tailspin-spacegame-web-deploy
   

Mengatur remote upstram

Remote adalah repositori Git tempat anggota tim berkolaborasi (seperti repositori di GitHub). Di sini Anda mencantumkan remote Anda dan menambahkan remote yang menunjuk ke salinan repositori Microsoft sehingga Anda bisa mendapatkan kode sampel terbaru.

1. Jalankan perintah git remote ini untuk membuat daftar remote Anda:

   git remote -v
   

   Anda melihat bahwa Anda memiliki akses ambil (unduh) dan dorong (unggah) ke repositori Anda:

   origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (fetch)
   origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (push)
   

   Asal menentukan repositori Anda di GitHub. Saat Anda melakukan fork kode dari repositori lain, remote asli (yang Anda gunakan untuk fork) sering diberi nama upstram.

2. Jalankan perintah git remote add ini untuk membuat remote bernama upstram yang mengarah ke repositori Microsoft:

   git remote add upstream https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web-deploy.git
   

3. Jalankan git remote lagi untuk melihat perubahannya:

   git remote -v
   

   Anda mengamati bahwa Anda masih memiliki akses ambil (unduh) dan dorong (unggah) akses ke repositori Anda. Anda juga sekarang memiliki akses pengambilan ke repositori Microsoft:

   origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (fetch)
   origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (push)
   upstream        https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web-deploy.git (fetch)
   

Buka proyek di penjelajah file

Dalam Visual Studio Code, jendela terminal Anda mengarah ke direktori akar proyek web Space Game. Untuk melihat strukturnya dan bekerja dengan file, dari penjelajah file, Anda sekarang akan membuka proyek.

1. Cara termudah untuk membuka proyek adalah membuka kembali Visual Studio Code di direktori saat ini. Untuk melakukannya, jalankan perintah berikut dari terminal terintegrasi:

   code -r .
   

   Anda melihat direktori dan pohon file di penjelajah file.

2. Buka kembali terminal terintegrasi. Terminal menempatkan Anda di akar proyek web Anda.

Jika perintah code gagal, Anda perlu menambahkan Visual Studio Code ke PATH sistem Anda. Untuk melakukannya:

1. Di Visual Studio Code, pilih F1 atau pilih Tampilkan>Palet Perintah untuk mengakses palet perintah.
2. Di palet perintah, masukkan Perintah Shell: Instal perintah 'kode' di PATH.
3. Ulangi prosedur sebelumnya untuk membuka proyek di penjelajah file.

Anda sekarang siap untuk bekerja dengan kode sumber Space Game dan konfigurasi Azure Pipelines dari lingkungan pengembangan lokal Anda.

Membuat lingkungan Azure App Service

Di sini, Anda membuat lingkungan yang menentukan tahapan alur. Anda membuat satu instans App Service untuk setiap tahap: Dev, Pengujian, dan Pentahapan.

Di Buat saluran rilis dengan Azure Pipelines, Anda membuka Layanan Aplikasi melalui portal Azure. Meskipun portal adalah cara yang tepat untuk menjelajahi apa saja yang tersedia di Azure atau untuk melakukan tugas dasar, memunculkan komponen seperti App Service bisa melelahkan.

Dalam modul ini, Anda menggunakan Azure CLI untuk memunculkan tiga instans Layanan Aplikasi. Anda dapat mengakses Azure CLI dari terminal atau melalui Visual Studio Code. Di sini, Anda mengakses Azure CLI dari Azure Cloud Shell. Pengalaman shell berbasis browser ini dihosting di cloud. Di Cloud Shell, Azure CLI dikonfigurasikan untuk digunakan dengan langganan Azure Anda.

Penting

Untuk menyelesaikan latihan dalam modul ini, Anda memerlukan langganan Azure Anda sendiri.

Munculkan Cloud Shell melalui portal Azure

1. Buka portal Microsoft Azure, dan masuk.

2. Dari menu, pilih Cloud Shell. Jika diminta, pilih pengalaman Bash.

   

   Catatan

   Cloud Shell memerlukan sumber daya penyimpanan Azure untuk menyimpan file apa pun yang Anda buat di Cloud Shell. Saat pertama kali membuka Cloud Shell, Anda akan diminta untuk membuat grup sumber daya, akun penyimpanan, dan berbagi Azure Files. Penyiapan ini secara otomatis digunakan untuk semua sesi Cloud Shell di masa mendatang.

Pilih wilayah Azure

Wilayah adalah satu pusat data Azure atau lebih dalam lokasi geografis. US Timur, US Barat, dan Eropa Utara adalah contoh wilayah. Setiap sumber daya Azure, termasuk instans App Service, ditetapkan wilayah.

Untuk membuat perintah lebih mudah dijalankan, mulailah dengan memilih wilayah default. Setelah Anda menentukan wilayah default, perintah selanjutnya menggunakan wilayah tersebut kecuali Anda menentukan wilayah yang berbeda.

1. Dari Cloud Shell, untuk membuat daftar wilayah yang tersedia dari langganan Azure Anda, jalankan perintah az account list-locations berikut.

   az account list-locations \
     --query "[].{Name: name, DisplayName: displayName}" \
     --output table
   

2. Dari kolom Name dalam output, pilih wilayah yang dekat dengan Anda. Misalnya, pilih eastasia atau westus2.

3. Jalankan az configure untuk mengatur wilayah default Anda. Ganti <REGION> dengan nama wilayah yang Anda pilih.

   az configure --defaults location=<REGION>
   

   Contoh ini menetapkan westus2 sebagai wilayah default:

   az configure --defaults location=westus2
   

Membuat instans App Service

Di sini, Anda membuat instans App Service untuk tiga tahap yang Anda sebarkan ke: Dev, Test, dan Staging. Berikut adalah gambaran umum singkat tentang proses yang Anda ikuti:

1. Buat angka acak yang membuat nama domain aplikasi web Anda unik.

   Langkah ini untuk tujuan pembelajaran. Dalam praktiknya, Anda akan memilih nama domain yang cocok dengan nama aplikasi atau layanan Anda.

2. Buat grup sumber daya yang berisi semua instans App Service Anda.

   Untuk tujuan pembelajaran, di sini Anda membuat satu grup sumber daya yang berisi semua instans App Service Anda. Dalam praktiknya, Anda dapat membuat grup sumber daya terpisah untuk setiap instans App Service sehingga Anda dapat mengontrol siklus hidup setiap instans dengan lebih baik.

3. Membuat paket App Service.

   Paket App Service menentukan sumber daya CPU, memori, dan penyimpanan untuk aplikasi web Anda. Di sini, Anda menggunakan paket B1 Basic. Paket ini ditujukan untuk aplikasi yang memiliki persyaratan lalu lintas rendah. Paket Standar dan Premium adalah untuk beban kerja produksi. Paket ini berjalan pada instans komputer virtual khusus.

4. Untuk setiap lingkungan Dev, Pengujian, dan Pentahapan, buat instans App Service.

5. Dapatkan nama host untuk setiap lingkungan.

6. Verifikasi bahwa setiap lingkungan berjalan, dan bahwa halaman beranda dapat diakses.

   Catatan

   Untuk tujuan pembelajaran, di sini, Anda menggunakan pengaturan jaringan default. Setelan ini membuat situs Anda dapat diakses dari internet. Dalam praktiknya, Anda dapat mengonfigurasi jaringan virtual Azure yang menempatkan situs web Anda di jaringan yang tidak dapat dirutekan ke internet, dan yang hanya dapat diakses oleh Anda dan tim Anda. Nantinya, Anda dapat mengonfigurasi ulang jaringan untuk membuat situs web tersedia bagi pengguna.

Untuk membuat instans App Service Anda, ikuti langkah-langkah berikut:

1. Dari Cloud Shell, buat angka acak yang membuat nama domain aplikasi web Anda unik.

   webappsuffix=$RANDOM
   

2. Untuk membuat grup sumber daya bernama tailspin-space-game-rg, jalankan perintah berikut az group create .

   az group create --name tailspin-space-game-rg
   

3. Untuk membuat paket App Service bernama tailspin-space-game-asp, jalankan perintah berikut az appservice plan create .

   az appservice plan create \
     --name tailspin-space-game-asp \
     --resource-group tailspin-space-game-rg \
     --sku B1 \
     --is-linux
   

   Argumen --sku menentukan paket B1. Paket ini berjalan di tingkat Dasar. Argumen --is-linux menentukan untuk menggunakan pekerja Linux.

   Penting

   Jika SKU B1 tidak tersedia di langganan Azure Anda, pilih paket lain, seperti S1 (Standar).

4. Untuk membuat tiga instans App Service, satu untuk setiap lingkungan (Dev, Pengujian, dan Pentahapan), jalankan perintah az webapp create berikut.

   az webapp create \
     --name tailspin-space-game-web-dev-$webappsuffix \
     --resource-group tailspin-space-game-rg \
     --plan tailspin-space-game-asp \
     --runtime "DOTNET|6.0"
   
   az webapp create \
     --name tailspin-space-game-web-test-$webappsuffix \
     --resource-group tailspin-space-game-rg \
     --plan tailspin-space-game-asp \
     --runtime "DOTNET|6.0"
   
   az webapp create \
     --name tailspin-space-game-web-staging-$webappsuffix \
     --resource-group tailspin-space-game-rg \
     --plan tailspin-space-game-asp \
     --runtime "DOTNET|6.0"
   

   Untuk tujuan pembelajaran, di sini, Anda menerapkan paket App Service yang sama, B1 Basic, untuk setiap instans App Service. Dalam praktiknya, Anda akan menetapkan paket yang sesuai dengan beban kerja yang Anda harapkan.

   Misalnya, untuk lingkungan yang memetakan ke tahap Dev and Test, B1 Basic mungkin sesuai karena Anda hanya ingin tim Anda mengakses lingkungan.

   Untuk staging environment, Anda akan memilih paket yang cocok dengan lingkungan produksi Anda. Rencana itu kemungkinan akan menyediakan sumber daya CPU, memori, dan penyimpanan yang lebih besar. Di bagian paket, Anda dapat menjalankan pengujian performa, seperti pengujian beban, di lingkungan yang menyerupai lingkungan produksi Anda. Anda dapat menjalankan pengujian tanpa memengaruhi lalu lintas langsung ke situs Anda.

5. Untuk mencantumkan nama host dan status setiap instans App Service, jalankan perintah az webapp list berikut.

   az webapp list \
     --resource-group tailspin-space-game-rg \
     --query "[].{hostName: defaultHostName, state: state}" \
     --output table
   

   Catat nama host untuk setiap layanan yang berjalan. Anda memerlukan nama host ini nanti saat memverifikasi pekerjaan Anda. Berikut contohnya:

   HostName                                                 State
   -------------------------------------------------------  -------
   tailspin-space-game-web-dev-21017.azurewebsites.net      Running
   tailspin-space-game-web-test-21017.azurewebsites.net     Running
   tailspin-space-game-web-staging-21017.azurewebsites.net  Running
   

6. Sebagai langkah opsional, buka satu atau beberapa nama host. Verifikasi bahwa mereka berjalan, dan halaman beranda default muncul.

   Berikut yang Anda perlukan:

   

Penting

Halaman Bersihkan lingkungan Azure DevOps Anda dalam modul ini berisi langkah-langkah pembersihan penting. Membersihkan membantu memastikan bahwa Anda tidak dikenakan biaya untuk sumber daya Azure setelah Anda menyelesaikan modul ini. Pastikan untuk melakukan langkah-langkah pembersihan meskipun Anda tidak menyelesaikan modul ini.

Membuat variabel alur di Azure Pipelines

Di bagian Buat alur rilis dengan Azure Pipelines, Anda telah menambahkan variabel ke alur yang menyimpan nama aplikasi web Anda di App Service. Di sini Anda melakukan hal yang sama. Tetapi kali ini, Anda menambahkan satu variabel untuk setiap instans App Service yang sesuai dengan tahap Dev, Pengujian, atau Pentahapan di alur Anda.

Anda dapat membuat kode keras nama-nama ini dalam konfigurasi alur Anda, tetapi jika Anda mendefinisikannya sebagai variabel, konfigurasi Anda lebih dapat digunakan kembali. Selain itu, jika nama instance App Service Anda berubah, Anda dapat memperbarui variabel dan memicu pipeline Anda tanpa mengubah konfigurasi Anda.

Untuk menambahkan variabel:

1. Di Azure DevOps, buka proyek Space Game - web - Multistage Anda.

2. Di bagian Alur, pilih Pustaka.

   

3. Pilih + Grup variabel.

4. Di bagian Properti, masukkan Rilis untuk nama grup variabel.

5. Di bagian Variabel, pilih + Tambahkan.

6. Untuk nama variabel Anda, masukkan WebAppNameDev. Untuk nilainya, masukkan nama instans App Service yang sesuai dengan lingkungan Dev Anda, seperti tailspin-space-game-web-dev-1234.

7. Ulangi dua langkah sebelumnya dua kali lagi untuk membuat variabel untuk Pengujian dan Staging environment Anda. Berikut adalah contohnya:

   Nama variabel	Contoh nilai
   WebAppNameTest	tailspin-space-game-web-test-1234
   WebAppNameStaging	tailspin-space-game-web-staging-1234

   Pastikan untuk mengganti setiap nilai contoh dengan instans App Service yang sesuai dengan lingkungan Anda.

   Penting

   Atur nama instans App Service, bukan nama host-nya. Dalam contoh ini, Anda akan memasukkan tailspin-space-game-web-dev-1234 dan bukan tailspin-space-game-web-dev-1234.azurewebsites.net.

8. Di dekat bagian atas halaman, harap pilih Simpan untuk menyimpan variabel Anda ke alur.

   Grup variabel Anda menyerupai yang satu ini:

   

Membuat lingkungan pengembangan dan pengujian

Di Buat alur rilis dengan Azure Pipelines, Anda membuat lingkungan untuk lingkungan dev. Di sini, Anda mengulangi proses untuk lingkungan pengembangan dan pengujian . Kemudian, Anda menyiapkan lingkungan penahapan , yang mencakup lebih banyak kriteria.

Untuk membuat lingkungan pengembangan dan pengujian:

1. Dari Azure Pipelines, pilih Lingkungan.

   

2. Untuk membuat lingkungan dev:

   1. Pilih Buat lingkungan.
   2. Pada Nama, masukkan dev.
   3. Untuk singkatnya, Anda membiarkan bidang yang tersisa pada nilai defaultnya.
   4. Pilih Buat.

3. Untuk membuat lingkungan pengujian:

   1. Kembali ke halaman Lingkungan.
   2. Pilih Lingkungan baru.
   3. Pada Nama, masukkan pengujian.
   4. Pilih Buat.

Membuat koneksi layanan

Di sini, Anda membuat koneksi layanan yang memungkinkan Azure Pipelines mengakses langganan Azure Anda. Azure Pipelines menggunakan koneksi layanan ini untuk menyebarkan situs web ke App Service. Anda telah membuat koneksi layanan serupa di modul sebelumnya.

Penting

Pastikan Anda masuk ke portal Azure dan Azure DevOps dengan akun Microsoft yang sama.

1. Di Azure DevOps, buka proyek Space Game - web - Multistage Anda.

2. Dari pojok kiri bawah halaman, pilih Pengaturan proyek.

3. Pada Alur, pilih Koneksi layanan.

4. Di jendela Koneksi layanan baru, pilih Azure Resource Manager, lalu pilih Berikutnya.

5. Di dekat bagian atas halaman, harap pilih Perwakilan layanan (otomatis). Kemudian, pilih Berikutnya.

6. Isi bidang ini:

   Bidang	Nilai
   Tingkat cakupan	Langganan
   Langganan	Langganan Azure Anda
   Grup Sumber Daya	tailspin-space-game-rg
   Nama koneksi layanan	Resource Manager - Tailspin - Space Game

   Selama proses, Anda mungkin diminta untuk masuk ke akun Microsoft Anda.

7. Pastikan Anda memilih Berikan izin akses ke semua alur.

8. Pilih Simpan.

   Untuk memverifikasi bahwa ia dapat tersambung ke langganan Azure Anda, Azure DevOps melakukan koneksi pengujian. Jika Azure DevOps tidak dapat terhubung, Anda memiliki kesempatan untuk masuk untuk kedua kalinya.