Latihan - Menyiapkan lingkungan Azure DevOps Anda

Selesai

Di bagian ini, Anda memastikan bahwa organisasi Azure DevOps Anda disiapkan 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 dapat tersambung ke langganan Azure Anda.
  • Siapkan proyek Azure DevOps untuk modul ini.
  • Pada Azure Boards, pindahkan item kerja untuk modul ini ke kolom Sedang Dikerjakan.
  • Pastikan proyek Anda disiapkan secara lokal supaya Anda bisa mengirimkan perubahan ke pipeline.
  • Buat lingkungan Azure App Service dengan menggunakan Azure CLI di Azure Cloud Shell.
  • Buat variabel alur yang menentukan nama lingkungan App Service Anda.
  • Buat koneksi layanan yang memungkinkan Azure Pipelines mengakses langganan Azure Anda dengan aman.

Menambahkan pengguna ke Azure DevOps

Untuk menyelesaikan modul ini, Anda memerlukan langganan Azure 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 di bawah 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, Anda menjalankan templat yang membuat proyek di Azure DevOps.

Modul-modul dalam jalur pembelajaran ini membentuk urutan. Anda mengikuti tim web Tailspin melalui perjalanan DevOps mereka. Untuk tujuan pembelajaran, setiap modul memiliki proyek Azure DevOps sendiri.

Menjalankan templat

Jalankan templat yang menyiapkan organisasi Azure DevOps Anda:

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

  1. Pilih Masuk, dan terima ketentuan penggunaan.

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

    Cuplikan layar Generator Demo Azure DevOps yang menunjukkan proses untuk membuat proyek.

  3. Pilih Ya, saya ingin fork repositori ini>Izinkan.

    Jika jendela muncul, otorisasi akses ke akun GitHub Anda.

    Penting

    Anda perlu memilih opsi ini sehingga templat akan tersambung ke repositori GitHub Anda. Pilih ini bahkan jika Anda telah membuat fork proyek situs web Space Game. Templat menggunakan fork anda yang sudah ada.

  4. Pilih Buat Project.

    Templat membutuhkan waktu beberapa saat untuk dijalankan.

  5. Untuk masuk ke proyek Anda di Azure DevOps, pilih Buka proyek.

Penting

Dalam modul ini, halaman 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.

Mengatur 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 adalah 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:

Memindahkan item kerja ke Melakukan

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

Tugas kerja ini memberi Anda daftar periksa sebagai panduan. Ini memberikan visibilitas anggota tim lain ke dalam apa yang Sedang Anda kerjakan dan berapa banyak pekerjaan yang tersisa. Item kerja juga membantu memberlakukan batasan pekerjaan yang sedang berlangsung (WIP) sehingga tim tidak mengambil terlalu banyak tugas dalam satu waktu.

Ingatlah bahwa tim memutuskan masalah utama berikut untuk sprint saat ini.

Cuplikan layar Azure Boards memperlihatkan lima tugas untuk sprint ini.

Nota

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

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

Untuk menyiapkan item kerja:

  1. Dari Azure DevOps, buka Boards. Kemudian, dari menu, pilih papan .

    Cuplikan layar Azure DevOps memperlihatkan lokasi menu Papan.

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

    Cuplikan layar Azure Boards memperlihatkan lokasi panah bawah.

  3. Pindahkan item kerja dari kolom To Do ke kolom Sedang Dikerjakan.

    Cuplikan layar Azure Boards yang memperlihatkan kartu di kolom Sedang Dikerjakan.

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

Menyiapkan proyek secara lokal

Di sini Anda memuat proyek Space Game di Visual Studio Code, mengonfigurasi Git, mengkloning repositori Anda secara lokal, dan mengatur remote upstream sehingga Anda dapat mengunduh kode awal.

Nota

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

Buka terminal terintegrasi

Visual Studio Code dilengkapi dengan terminal terintegrasi. Di sini Anda mengedit file dan bekerja dari baris perintah.

  1. Mulai 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.

    Cuplikan layar Visual Studio Code yang menunjukkan lokasi shell Git Bash.

    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.

    Nota

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

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

    cd ~
    

Mengonfigurasi Git

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

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

  1. Atur nama pengguna Anda.
  2. Atur alamat email commit Anda.
  3. Cache kata sandi GitHub Anda.

Nota

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

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

Menyiapkan proyek Anda di Visual Studio Code

Dalam jalur pembelajaran Membangun aplikasi dengan Azure DevOps, Anda menfork lalu mengkloning repositori Git. Repositori berisi kode sumber untuk situs web Space Game. Fork Anda terhubung ke proyek Anda di Azure DevOps sehingga proses build berjalan ketika Anda melakukan push perubahan ke GitHub.

Penting

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

Di bagian ini, Anda mengkloning fork secara lokal sehingga Anda dapat mengubah dan membangun 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 menduplikasi, salinan ke komputer Anda agar Anda dapat menggunakannya.

Klon, sama seperti fork, adalah salinan repositori. Saat mengkloning repositori, Anda dapat membuat perubahan, memverifikasi bahwa repositori berfungsi seperti yang Anda harapkan, lalu mengunggah perubahan tersebut ke GitHub. Anda juga dapat menyinkronkan salinan lokal Anda dengan perubahan yang telah dilakukan pengguna terautentikasi lainnya ke salinan GitHub repositori Anda.

Untuk mengkloning proyek web Space Game ke komputer Anda:

  1. Buka fork anda dari proyek web Permainan Ruang Angkasa (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.

    Cuplikan layar yang menunjukkan cara menemukan URL dan tombol salin dari repositori GitHub.

  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 jarak jauh upstream

Repositori Git jarak jauh adalah tempat anggota tim berkolaborasi (seperti repositori di GitHub). Di sini Anda membuat daftar remote Anda dan menambahkan remote yang menunjuk ke salinan repositori Microsoft untuk mendapatkan kode contoh terbaru.

  1. Jalankan perintah git remote ini untuk mencantumkan 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)
    

    Origin menentukan repositori Anda di GitHub. Ketika Anda membuat fork kode dari repositori lain, remote asli (yang menjadi asal fork Anda) sering diberi nama upstream.

  2. Jalankan perintah git remote add ini untuk membuat remote bernama hulu yang menunjuk ke repositori Microsoft.

    git remote add upstream https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web-deploy.git
    
  3. Jalankan git remote lagi untuk melihat perubahan:

    git remote -v
    

    Anda melihat bahwa Anda masih memiliki akses untuk mengunduh (fetch) dan mengunggah (push) ke repositori Anda. Anda juga sekarang memiliki akses 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

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

  1. Cara term mudah untuk membuka proyek adalah dengan 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 Lihat palet perintah> untuk mengakses palet perintah.
  2. Di palet perintah, masukkan perintah Shell: Instal perintah 'code' di PATH.
  3. Ulangi prosedur sebelumnya untuk membuka proyek di penjelajah file.

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

Membuat lingkungan Azure App Service

Di sini, Anda membuat lingkungan yang mendefinisikan tahap-tahap dalam alur kerja. Anda membuat satu instans App Service untuk setiap tahap: Dev, Test, dan Staging.

Di Buat alur rilis dengan Azure Pipelines, Anda memunculkan App Service melalui portal Microsoft Azure. Meskipun portal adalah cara yang bagus untuk menjelajahi apa 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 App Service. 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 dikonfigurasi untuk digunakan dengan langganan Azure Anda.

Penting

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

Memunculkan Cloud Shell melalui portal Microsoft Azure

  1. Buka portal Microsoft Azure , dan masuk.

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

    Cuplikan layar portal Microsoft Azure yang memperlihatkan lokasi item menu Cloud Shell.

    Nota

    Cloud Shell memerlukan sumber daya penyimpanan Azure untuk mempertahankan file apa pun yang Anda buat di Cloud Shell. Saat pertama kali membuka Cloud Shell, Anda 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 atau beberapa pusat data Azure dalam lokasi geografis. US Timur, AS Barat, dan Eropa Utara adalah contoh wilayah. Setiap sumber daya Azure, termasuk instans App Service, diberi 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 mencantumkan 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 tahapan yang Anda distribusikan: 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. Buat paket App Service.

    Paket App Service menentukan sumber daya CPU, memori, dan penyimpanan untuk aplikasi web Anda. Di sini, Anda menggunakan paket B1 Dasar. 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, Test, dan Staging, buat instans App Service.

  5. Dapatkan nama host untuk setiap lingkungan.

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

    Nota

    Untuk tujuan pembelajaran, di sini, Anda menggunakan pengaturan jaringan default. Pengaturan 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 internet, dan hanya Anda dan tim Anda yang dapat mengaksesnya. Nantinya, Anda dapat mengonfigurasi ulang jaringan untuk membuat situs web tersedia untuk pengguna Anda.

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 az group create berikut.

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

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

    Argumen --sku menentukan paket B1. Rencana ini berjalan pada level 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, Test, dan Staging), 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, ke setiap instans App Service. Dalam praktiknya, Anda akan menetapkan paket yang sesuai dengan beban kerja yang diharapkan.

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

    Untuk lingkungan penahapan, Anda akan memilih paket yang cocok dengan lingkungan produksi Anda. Paket tersebut kemungkinan akan menyediakan sumber daya CPU, memori, dan penyimpanan yang lebih besar. Di bawah rencana, 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
    

    Perhatikan nama host untuk setiap layanan yang sedang berjalan. Anda memerlukan nama host ini nanti saat memverifikasi pekerjaan Anda. Berikut adalah 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 adalah apa yang Anda lihat:

    Cuplikan layar browser web yang memperlihatkan halaman beranda default di Azure App Service.

Penting

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

Membuat variabel alur di Azure Pipelines

Di Buat alur rilis dengan Azure Pipelines, Anda menambahkan variabel ke alur Anda 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, Test, atau Staging 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 instans App Service Anda berubah, Anda dapat memperbarui variabel dan memicu alur Anda tanpa memodifikasi konfigurasi Anda.

Untuk menambahkan variabel:

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

  2. Di bawah Alur, pilih pustaka .

    Cuplikan layar Azure Pipelines yang memperlihatkan lokasi opsi menu Pustaka.

  3. Pilih + Grup variabel.

  4. Pada Properties, masukkan Rilis untuk nama grup variabel.

  5. Di bawah Variabel, pilih + Tambah.

  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 lingkungan Test dan Staging. 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 tidak tailspin-space-game-web-dev-1234.azurewebsites.net.

  8. Di dekat awal halaman, pilih Simpan untuk menyimpan variabel Anda di aliran kerja.

    Grup variabel Anda menyerupai yang ini.

    Cuplikan layar Azure Pipelines memperlihatkan grup variabel. Grup berisi tiga variabel.

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 dev dan pengujian . Kemudian, Anda menyiapkan lingkungan penyusunan, yang mencakup lebih banyak kriteria.

Untuk membuat lingkungan dev dan pengujian:

  1. Dari Azure Pipelines, pilih Environments.

    Cuplikan layar Azure Pipelines yang memperlihatkan lokasi opsi menu Lingkungan.

  2. Untuk membuat lingkungan dev:

    1. Pilih Buat lingkungan.
    2. Di bawah Nama, masukkan dev.
    3. Biarkan bidang yang tersisa pada nilai defaultnya.
    4. Pilih Buat.
  3. Untuk membuat lingkungan pengujian :

    1. Kembali ke halaman Lingkungan.
    2. Pilih Lingkungan baru.
    3. Di bawah Nama, masukkan test.
    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 membuat koneksi layanan serupa di modul sebelumnya.

Penting

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

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

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

  3. Di bawah Alur, pilih koneksi Layanan .

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

  5. Di awal halaman, pilih Perwakilan layanan (otomatis). Kemudian, pilih Berikutnya.

  6. Isi bidang-bidang ini:

    Lapangan Nilai
    Tingkat cakupan Langganan
    Abonemen Langganan Azure Anda
    Grup Sumber Daya tailspin-space-game-rg
    Nama koneksi layanan Manajer Sumber Daya - Tailspin - Permainan Luar Angkasa

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

  7. Pastikan Anda memilih Memberikan 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 tersambung, Anda memiliki kesempatan untuk masuk untuk kedua kalinya.