Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

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ünmüş 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. Hatta desteklemek GitHub entegrasyonu çekme isteğinden dağıtmak için.

Sen başlamadan önce

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

  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.

Adım 1: Test lokal

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 parçasıdır Firebase Yerel Emülatörü Suite yanı sıra isteğe bağlı olarak taklit proje kaynakları (fonksiyonlar, veri tabanları ve kurallar), sizin taklit Barındırma içerik ve yapılandırma ile etkileşim uygulamanızı sağlar.

  1. Varsayılan olarak (İsteğe bağlı), yerel olarak barındırılan uygulama taklit değil gerçek, proje kaynakları (fonksiyonlar, veritabanı, kurallar vs.) ile etkileşim olacaktır. Bunun yerine isteğe sen yapılandırmış olduğunuz herhangi Taklit proje kaynaklarını kullanma uygulamanızı bağlayabilirsiniz. Daha fazla bilgi: Gerçek Zamanlı Veri Tabanı | Bulut Firestore | Bulut İşlevleri

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

    firebase emulators:start
  3. CLI tarafından döndürülen yerel URL'den web uygulamasını 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, emülatörlerine sadece gelen isteklere yanıt localhost . 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. Eğer diğer yerel cihazlardan testine istiyorsanız, sizin yapılandırmak firebase.json şöyle:

"emulators": {
    // ...

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

2. Adım: Önizleme ve paylaşma

Başkalarının web uygulamanızdaki değişiklikleri canlı yayına geçmeden önce görmesini 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'si"nde sunar. Bir önizleme URL, tüm proje kaynakları için gerçek arka uç ile web uygulaması etkileşime girer kullanırken.

Ö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

    Yerine CHANNEL_ID boşluk olmadan bir dizi (örneğin, birlikte 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. : Bu gibi bir şey olacaktır 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. Aynı belirtmek emin olun CHANNEL_ID komuta.

Öğrenin önizleme kanalları yönetimi bir kanalın süre sonu nasıl ayarlanacağı dahil.

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. Öğrenin kurmak ve bu GitHub Eylem kullanın .

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

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).

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

Bu seçenek canlı kanala bir önizleme kanalında test olduğunu tam içeriği ve yapılandırma dağıtma olduğunuzu güven sağlar. Hakkında daha fazla bilgi versiyonlarını klonlama .

  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 : Bu kanal bulunmaz Barındırma sitelerin kimliklerdir.

      • 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, şu anda canlı kanala dağıtmak için istediğiniz sürümü hizmet veren kanal için tanıtıcısında olduğunu.

      • Canlı bir kanal için, kullanımı live kanal kimliği olarak.
  2. Değişiklikleri görüntüle (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şiklikleri görüntüle (sonraki adım).

Adım 4: canlı sitenizdeki değişiklikleri görüntüle

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 (gibi PROJECT_ID .web.app )
    SITE_ID .firebaseapp.com (gibi PROJECT_ID .firebaseapp.com )

  • Herhangi özel alanları size Barındırma siteye bağlı olduğunuz (ler)

Belirli Barındırma sitesine dağıtmaya sınırlandırmak için bir dağıtma hedefini belirtmek için CLI komutu.

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, diğer dağıtım bilgileri ile gösterecektir Barındırma pano Firebase konsolunda. Ö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

İsteğe bağlı için bağlantı kabuk komut olabilir firebase deploy komutu predeploy veya postdeploy görevleri gerçekleştirmek için. Örneğin, bir dağıtım sonrası kancası, yöneticilere yeni site içeriği dağıtımlarını bildirebilir. Bakınız Firebase CLI belgelerinde daha fazla ayrıntı için.

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

Bir istek statik içerik için yapıldığında, Firebase otomatik CDN içeriği önbelleğe Barındırma. Eğer sitenizin içeriğini yeniden düzenlemek durumunda Firebase otomatik olarak yeni isteklerin yeni içerik almak böylece CDN genelinde tüm önbelleğe alınmış statik içerik temizler.

Yapılandırabileceğiniz geldiğini hatırlatırız dinamik içerik önbelleğe .

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