Bagikan melalui

Membuat lingkungan pratinjau cabang di Azure Static Web Apps

  • Artikel

Anda dapat mengonfigurasi situs Anda untuk menyebarkan setiap perubahan yang dilakukan ke cabang yang bukan cabang produksi. Penyebaran pratinjau ini diterbitkan pada URL stabil yang menyertakan nama cabang. Misalnya, jika cabang diberi nama dev, maka lingkungan tersedia di lokasi seperti <DEFAULT_HOST_NAME>-dev.<LOCATION>.azurestaticapps.net. Anda dapat menghapus lingkungan cabang di portal melalui tab Lingkungan aplikasi web statis Anda.

Konfigurasi

Untuk mengaktifkan lingkungan URL yang stabil, buat perubahan berikut pada file configuration.yml Anda.

  • Atur production_branch input ke nama cabang produksi Anda pada static-web-apps-deploy pekerjaan di tindakan GitHub atau pada tugas AzureStaticWebApp. Tindakan ini memastikan perubahan pada cabang produksi Anda disebarkan ke lingkungan produksi, sementara perubahan pada cabang lain disebarkan ke lingkungan pratinjau.
  • Cantumkan cabang yang ingin Anda sebarkan ke lingkungan pratinjau dalam array pemicu dalam konfigurasi alur kerja Anda sehingga perubahan pada cabang tersebut juga memicu penyebaran GitHub Actions atau Azure Pipelines.
    • Atur array ini ke ** untuk GitHub Actions atau * untuk Azure Pipelines jika Anda ingin melacak semua cabang.

Contoh

Contoh berikut menunjukkan cara mengaktifkan lingkungan pratinjau cabang.

name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - main
      - dev
      - staging
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

jobs:
  build_and_deploy_job:
    ...
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v2
        with:
          submodules: true
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          ...
          production_branch: "main"

Catatan

Kode ... menunjukkan dilewati untuk kejelasan.

Dalam contoh ini, lingkungan pratinjau didefinisikan untuk dev cabang dan staging . Setiap cabang disebarkan ke lingkungan pratinjau terpisah.

Langkah berikutnya

Membuat lingkungan pratinjau bernama