Check out what’s new from Firebase at Google I/O 2022. Learn more

Yerel olarak test edin, değişiklikleri paylaşın ve ardından canlı olarak dağıtın

Canlı sitenize dağıtmadan önce, değişikliklerinizi görüntülemek ve test etmek isteyeceksiniz. Firebase Hosting, değişiklikleri yerel olarak görüntülemenize ve test etmenize ve öykünülmüş arka uç proje kaynaklarıyla etkileşim kurmanıza olanak tanır. Değişikliklerinizi görüntülemek ve test etmek için ekip arkadaşlarınıza ihtiyacınız varsa, Hosting siteniz için paylaşılabilir, geçici önizleme URL'leri oluşturabilir. Bir çekme isteğinden dağıtmak için GitHub entegrasyonunu bile destekliyoruz.

Sen başlamadan önce

Barındırma Başlarken sayfasında listelenen adımları, özellikle aşağıdaki görevleri tamamlayın:

  1. Firebase CLI'yi en son sürümüne yükleyin veya güncelleyin.
  2. Yerel proje dizinini (uygulamanızın içeriğini içeren) Firebase projenize bağlayın.

İsteğe bağlı olarak uygulamanızın Barındırma içeriğini ve yapılandırmasını dağıtabilirsiniz, ancak bu, bu sayfadaki adımlar için bir ön koşul değildir.

1. Adım: Yerel olarak test edin

Hızlı yinelemeler yapıyorsanız veya uygulamanızın öykünmüş arka uç proje kaynaklarıyla etkileşime girmesini istiyorsanız, Barındırma içeriğinizi test edebilir ve yerel olarak yapılandırabilirsiniz. Yerel olarak test ederken, Firebase web uygulamanızı yerel olarak barındırılan bir URL'de sunar.

Barındırma, uygulamanızın öykünülmüş Barındırma içeriğiniz ve yapılandırmanızın yanı sıra isteğe bağlı olarak öykünülmüş proje kaynaklarınızla (işlevler, veritabanları ve kurallar) etkileşim kurmasını sağlayan Firebase Yerel Öykünücü Paketi'nin bir parçasıdır.

  1. (İsteğe bağlı) Varsayılan olarak, yerel olarak barındırılan uygulamanız, emüle edilmemiş gerçek proje kaynaklarıyla (işlevler, veritabanı, kurallar vb.) etkileşime girer. Bunun yerine isteğe bağlı olarak, yapılandırdığınız öykünmüş proje kaynaklarını kullanmak için uygulamanızı bağlayabilirsiniz. Daha fazla bilgi edinin: Gerçek Zamanlı Veritabanı | Bulut Firestore | Bulut İşlevleri

  2. Yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:

    firebase emulators:start

  3. Web uygulamanızı CLI tarafından döndürülen yerel URL'de açın (genellikle http://localhost:5000 ).

  4. Yerel URL'yi değişikliklerle güncellemek için tarayıcınızı yenileyin.

Diğer yerel cihazlardan test edin

Varsayılan olarak, öykünücüler yalnızca localhost gelen isteklere yanıt verir. Bu, barındırılan içeriğinize bilgisayarınızın web tarayıcısından erişebileceğiniz, ancak ağınızdaki diğer cihazlardan erişemeyeceğiniz anlamına gelir. Diğer yerel cihazlardan test etmek istiyorsanız, firebase.json şu şekilde yapılandırın:

"emulators": {
    // ...

    "hosting": {
      "port": 5000
      "host": "0.0.0.0"
    }
  }

2. Adım: Önizleyin ve paylaşın

Canlı yayına geçmeden önce başkalarının web uygulamanızdaki değişiklikleri görüntülemesini istiyorsanız, önizleme kanallarını kullanabilirsiniz.

Bir önizleme kanalına dağıttıktan sonra Firebase, web uygulamanızı paylaşılabilir, geçici bir URL olan bir "önizleme URL'sinde" sunar. Bir önizleme URL'si kullanırken, web uygulamanız tüm proje kaynakları için gerçek arka ucunuzla etkileşime girer.

Önizleme URL'lerinin tahmin edilmesi zor olsa da (rastgele bir karma içerdikleri için), bunların herkese açık olduğunu unutmayın. Böylece, URL'yi bilen herkes ona erişebilir.

  1. Yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:

    firebase hosting:channel:deploy CHANNEL_ID

    CHANNEL_ID boşluk içermeyen bir dizeyle değiştirin (örneğin, feature_mission-2-mars ). Bu kimlik, önizleme kanalıyla ilişkili önizleme URL'sini oluşturmak için kullanılacaktır.

  2. Web uygulamanızı CLI tarafından döndürülen önizleme URL'sinde açın. Şuna benzer: PROJECT_ID -- CHANNEL_ID - RANDOM_HASH .web.app

  3. Önizleme URL'nizi değişikliklerle güncellemek için aynı komutu tekrar çalıştırın. Komutta aynı CHANNEL_ID belirttiğinizden emin olun.

Bir kanalın sona erme tarihinin nasıl ayarlanacağı da dahil olmak üzere önizleme kanallarını yönetme hakkında bilgi edinin.

Firebase Hosting, bir çekme isteğinde değişiklik yaptığınızda otomatik olarak bir önizleme URL'si oluşturan ve güncelleyen bir GitHub Eylemini destekler. Bu GitHub Eylemini nasıl kuracağınızı ve kullanacağınızı öğrenin.

3. Adım: Canlı dağıtın

Değişikliklerinizi dünyayla paylaşmaya hazır olduğunuzda, Barındırma içeriğinizi dağıtın ve canlı kanalınıza yapılandırın. Firebase, kullanım durumunuza bağlı olarak bu adım için birkaç farklı seçenek sunar (aşağıdaki seçeneklere bakın).

Seçenek 1: Bir önizleme kanalından canlı kanalınıza klonlayın

Bu seçenek, bir önizleme kanalında test ettiğiniz içeriğin ve yapılandırmanın aynısını canlı kanalınıza dağıttığınıza dair güven sağlar. Sürümleri klonlama hakkında daha fazla bilgi edinin.

  1. Herhangi bir dizinden aşağıdaki komutu çalıştırın:

    firebase hosting:clone SOURCE_SITE_ID:SOURCE_CHANNEL_ID TARGET_SITE_ID:live

    Her bir yer tutucuyu aşağıdakilerle değiştirin:

    • SOURCE_SITE_ID ve TARGET_SITE_ID : Kanalları içeren Hosting sitelerinin ID'leridir.

      • Varsayılan Barındırma siteniz için Firebase proje kimliğinizi kullanın.
      • Aynı Firebase projesinde veya hatta farklı Firebase projelerinde bulunan siteleri belirtebilirsiniz.

    • SOURCE_CHANNEL_ID : Bu, canlı kanalınıza dağıtmak istediğiniz sürümü sunmakta olan kanalın tanımlayıcısıdır.

      • Canlı bir kanal için, kanal kimliği olarak live kullanın.

  2. Değişikliklerinizi görüntüleyin (sonraki adım).

Seçenek 2: Yerel proje dizininizden canlı kanalınıza dağıtın

Bu seçenek, canlı kanala özel yapılandırmaları ayarlama veya bir önizleme kanalı kullanmamış olsanız bile dağıtma esnekliği sağlar.

  1. Yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:

    firebase deploy --only hosting

  2. Değişikliklerinizi görüntüleyin (sonraki adım).

4. Adım: Değişikliklerinizi canlı sitenizde görüntüleyin

Yukarıdaki seçeneklerin her ikisi de Barındırma içeriğinizi dağıtır ve aşağıdaki sitelere yapılandırır:

  • Varsayılan Barındırma siteniz ve diğer Barındırma siteleri için Firebase tarafından sağlanan alt alanlar:
    SITE_ID .web.app ( PROJECT_ID .web.app gibi)
    SITE_ID .firebaseapp.com ( PROJECT_ID .firebaseapp.com gibi)

  • Barındırma site(ler)inize bağladığınız tüm özel alan adları

Dağıtımı belirli bir Barındırma sitesiyle sınırlamak için CLI komutunuzda bir dağıtım hedefi belirtin .

Diğer dağıtım faaliyetleri ve bilgileri

Dağıtım için bir yorum ekleyin

İsteğe bağlı olarak bir dağıtıma yorum ekleyebilirsiniz. Bu yorum, Firebase konsolundaki Barındırma panosunda diğer dağıtım bilgileriyle birlikte görüntülenecektir. Örneğin:

firebase deploy --only hosting -m "Deploying the best new feature ever."

Dağıtım öncesi ve dağıtım sonrası komut dosyasıyla yazılmış görevler ekleyin

Dağıtım öncesi veya dağıtım sonrası görevleri gerçekleştirmek için isteğe bağlı olarak kabuk komut dosyalarını firebase deploy komutuna bağlayabilirsiniz. Örneğin, bir dağıtım sonrası kancası, yöneticilere yeni site içeriği dağıtımlarını bildirebilir. Daha fazla ayrıntı için Firebase CLI belgelerine bakın.

Dağıtılan içeriği önbelleğe alma

Statik içerik için bir istek yapıldığında, Firebase Hosting, içeriği otomatik olarak CDN'de önbelleğe alır. Sitenizin içeriğini yeniden dağıtırsanız, Firebase, yeni isteklerin yeni içeriğinizi alması için CDN'deki tüm önbelleğe alınmış statik içeriğinizi otomatik olarak temizler.

Dinamik içeriğin önbelleğe alınmasını yapılandırabileceğinizi unutmayın.

HTTPS üzerinden hizmet vermek

Firebase Hosting'de barındırılmayan tüm harici kaynakların, harici komut dosyaları da dahil olmak üzere SSL (HTTPS) üzerinden yüklendiğinden emin olun. Çoğu tarayıcı, kullanıcıların "karışık içerik" (SSL ve SSL olmayan trafik) yüklemesine izin vermez.

Sonraki adımlar