Alıştırma - GitHub Actions ile API’yi yayımlama

  • 4 dakika

Web uygulamanız ve API’niz yerel olarak çalışıyor. Artık web uygulamanızı ve API’nizi Azure Statik Web Uygulamaları’nda yayımlayabilirsiniz.

Yaptığınız değişiklikleri GitHub’a gönderme

Önceki alıştırmada API'nizde değişiklikler yaptınız. Şimdi bu değişiklikleri api dalına işlemenin ve GitHub'a göndermenin zamanı geldi.

Çekme isteği oluşturma

api dalınızı GitHub'a gönderdiniz. Artık GitHub Eylemi’nin web uygulamanızı ve API’nizi bir önizleme URL’sinde yayımlamasını istiyorsunuz. Bu nedenle, takip eden adım ana dal için bir pull talebi oluşturmaktır.

  1. Bir tarayıcı açın.

  2. Deponuza gidin:

    https://github.com/<YOUR_GITHUB_USERNAME>/my-static-blazor-app

  3. Çekme istekleri bağlantısını seçin.

  4. Yeni pull request'i seçin.

  5. Ana dalı temel açılır listeden seçin.

  6. Karşılaştırma açılan listesinden api dalını seçin.

  7. Çekme isteği oluştur'u seçin.

  8. Yeniden Çekme isteği oluştur'u seçin.

GitHub Eyleminiz artık tetikleniyor.

GitHub Action’ın derleme ve yayımlama işlemlerini izleme

Deponuzdaki tarayıcıda kalıp GitHub Actions’ın ilerlemesini izleyebilirsiniz. İlerlemeyi görüntülemek için şu adımları izleyin:

  1. Eylemler menüsünü seçin.

  2. İş Akışları menüsünün altında Azure Static Web Apps CI/CD iş akışı öğesini seçin.

  3. Sağ tarafta çalışan eylemdeki en son (üst) bağlantıyı seçin.

  4. İş Oluştur ve Dağıt bağlantısını seçin.

GitHub Action web uygulamanızı ve API’nizi oluştururken bu işlemin ilerlemesini görebilirsiniz.

Önizleme URL’sine gitme

GitHub Eylemi başarıyla tamamlandıktan sonra, çalışan uygulamanızı tarayıcıda görüntüleyebilirsiniz.

  1. Çekme istekleri menüsünü seçin.

  2. Çekme isteğinizi seçin.

  3. "Azure Static Web Apps: Aşama siteniz hazır!" iletisinden sonra bağlantıyı seçin. Burayı ziyaret edin.

Önizleme URL’sinde bir kısa çizginin ve sayının bulunduğunu görebilirsiniz. Sayı, oluşturduğunuz çekme isteğinin çekme isteği numarasıyla eşleşir. Oluşturduğunuz her çekme isteği için benzersiz ve tekrarlanabilir bir önizleme URL'si alırsınız. Önizleme URL’sini oluşturmak için bölge de kullanılır.

Sonraki adımlar

Tebrikler, bir web uygulaması ve API ile ilk Azure Static Web Apps örneğinizi oluşturdunuz! Oluşturduğunuz çekme isteğini birleştirirseniz, Azure Static Web Apps değişiklikleri otomatik olarak üretim uygulamanıza dağıtır.