Aracılığıyla paylaş


Üretim öncesi ortamlarında çekme isteklerini inceleme

Bu makalede, Azure Static Web Apps ile dağıtılan uygulamalarda yapılan değişiklikleri gözden geçirmek için üretim öncesi ortamların nasıl kullanılacağı gösterilmektedir. Üretim öncesi ortam, uygulamanızın üretimde kullanılamayan değişiklikler içeren tam işlevsel bir hazırlanmış sürümüdür.

Not

Çekme isteği ortamları Azure DevOps için otomatik olarak desteklenmez, ancak adlandırılmış ortamları kullanarak bunları el ile ayarlayabilirsiniz.

Azure Static Web Apps, depoda bir YAML iş akışı oluşturur. İş akışının izlediği bir dalda çekme isteği oluşturulduğunda, üretim öncesi ortam oluşturulur. Üretim öncesi ortam, uygulamayı hazırlar, böylece değişiklikleri üretime göndermeden önce gözden geçirebilirsiniz. Üretim öncesi ortamın yaşam döngüsü çekme isteğine bağlıdır. Çekme isteği kapatıldıktan sonra üretim öncesi ortam otomatik olarak silinir.

Üretim öncesi ortamlarda aşağıdaki görevleri gerçekleştirebilirsiniz:

  • İçerik ve düzen güncelleştirmeleri gibi üretim ve hazırlama arasındaki görsel değişiklikleri gözden geçirme
  • Ekibinizde yapılan değişiklikleri gösterme
  • Uygulamanızın farklı sürümlerini karşılaştırma
  • Kabul testlerini kullanarak değişiklikleri doğrulama
  • Üretime dağıtmadan önce gizlilik denetimleri gerçekleştirme

Önkoşullar

  • Azure Static Web Apps ile yapılandırılmış mevcut bir GitHub deposu. İlk statik uygulamanız yoksa bkz . İlk statik uygulamanızı oluşturma.

Değişiklik yapma

Aşağıdaki adımlarda gösterildiği gibi doğrudan GitHub'daki deponuzda bir değişiklik yapın.

  1. GitHub'da projenizin deposuna gidin ve Dal'ı seçin.

    Create new branch using GitHub interface

  2. Bir dal adı girin ve Dal oluştur'u seçin.

  3. Uygulama klasörünüze gidin ve başlık veya paragraf gibi bazı metin içeriğini değiştirin. Dosyada değişiklik yapmak için Düzenle'yi seçin.

    Edit file button in GitHub interface

  4. İşiniz bittiğinde Değişiklikleri işle'yi seçin.

    Screenshot showing the Commit changes button in the GitHub interface.

Çekme isteği oluşturma

Güncelleştirmenizi yayımlamak için bir çekme isteği oluşturun.

  1. GitHub'da projenizin Çekme isteği sekmesini açın.

    Screenshot showing the pull request tab in a GitHub repo.

  2. Karşılaştır ve çekme isteği'ne tıklayın.

  3. İsteğe bağlı olarak, değişikliklerinizle ilgili ayrıntıları girin ve çekme isteği oluştur'u seçin.

    Screenshot showing the pull request creation in GitHub.

Gerekirse gözden geçirenleri atayın ve değişikliklerinizi tartışmak için açıklamalar ekleyin.

Azure Static Web Apps kullandığınızda birden çok üretim öncesi ortam aynı anda birlikte bulunabilir. İzlenen dalda her çekme isteği oluşturduğunuzda, değişikliklerinizi içeren hazırlanmış bir sürüm farklı bir üretim öncesi ortama dağıtılır.

Birden çok değişiklik yapabilir ve dalınıza yeni işlemeler gönderebilirsiniz. Çekme isteği, tüm değişiklikleri yansıtacak şekilde otomatik olarak güncelleştirilir.

Değişiklikleri gözden geçirme

GitHub Actions dağıtım iş akışı çalışır ve çekme isteği değişikliklerinizi üretim öncesi bir ortama dağıtır.

İş akışı uygulamanızı derlemeyi ve dağıtmayı tamamladıktan sonra GitHub botu, çekme isteğinize üretim öncesi ortamın URL'sini içeren bir açıklama ekler.

  1. Hazırlanan değişikliklerinizi görmek için üretim öncesi URL'sini seçin.

    Screenshot of pull request comment with the pre-production URL.

    URL şöyle oluşturulur: https://<SUBDOMAIN-PULL_REQUEST_ID>.<AZURE_REGION>.azurestaticapps.net. Belirli bir çekme isteği için, yeni güncelleştirmeler gönderseniz bile URL aynı kalır. Aynı üretim öncesi ortam, çekme isteğinin ömrü boyunca da yeniden kullanılır.

Uçtan uca testlerle gözden geçirme işlemini otomatikleştirmek için, Azure Static Web Apps'i dağıtmaya yönelik GitHub Eylemi çıkış değişkenine static_web_app_url sahiptir. Testlerinizi üretim öncesi ortamda çalıştırmak için iş akışınızın geri kalanında bu URL'ye başvurabilirsiniz.

Değişiklikleri yayımlama

Üretimde yayımlamak için çekme isteğini birleştirin.

  1. Çekme isteğini birleştir'i seçin.

    Screenshot showing the Merge pull request button in GitHub interface.

    Değişiklikleriniz izlenen dala ("üretim" dalı) kopyalanır. Ardından, dağıtım iş akışı izlenen dalda başlar ve uygulamanız yeniden derlendikten sonra değişiklikler canlı olarak gerçekleştirilir.

  2. Web sitesinin canlı sürümünü yüklemek ve doğrulamak için üretim URL'nizi açın.

Sınırlamalar

  • GitHub deponuz özel olsa bile herkes uygulamanızın hazırlanmış sürümlerine KENDI URL'si aracılığıyla erişebilir.

    Uyarı

    Herkes üretim öncesi ortamlara erişebildiğinden hassas içeriklere dikkat edin.

  • Statik Web Uygulamaları ile dağıtılan her uygulama için kullanılabilir üretim öncesi ortam sayısı barındırma planınıza bağlıdır. Örneğin, Ücretsiz katmanı ile üretim ortamıyla birlikte üç üretim öncesi ortamınız olabilir.

  • Üretim öncesi ortamlar coğrafi olarak dağıtılamaz.

  • Üretim öncesi ortamlar yalnızca GitHub Actions dağıtımları tarafından desteklenir.

Sonraki adımlar