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:
- Firebase CLI'yi en son sürümüne yükleyin veya güncelleyin.
- 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.
(İ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
Yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:
firebase emulators:start
Web uygulamanızı CLI tarafından döndürülen yerel URL'de açın (genellikle
http://localhost:5000
).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"
}
}
firebase serve
kullanırken, uygulamanız Barındırma içeriğiniz ve yapılandırmanız (ve isteğe bağlı olarak işlevler) için öykünülmüş bir arka uçla, ancak diğer tüm proje kaynakları için gerçek arka ucunuzla etkileşime girer.
Yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:
firebase serve --only hosting
Web uygulamanızı CLI tarafından döndürülen yerel URL'de açın (genellikle
http://localhost:5000
).Yerel URL'yi değişikliklerle güncellemek için tarayıcınızı yenileyin.
Diğer yerel cihazlardan test etmek için firebase serve
kullanın
firebase serve
, varsayılan olarak 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, --host
bayrağını şu şekilde kullanın:
firebase serve --host 0.0.0.0 // accepts requests to any host
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.
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.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
Ö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.
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.
- Canlı bir kanal için, kanal kimliği olarak
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.
Yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:
firebase deploy --only hosting
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
GitHub ile tümleştirin ve GitHub Eylemini ayarlayarak önizlenen içeriğinizi yineleyin.
Daha fazla barındırma özellikleri hakkında bilgi edinin:
Firebase CLI için tam belgelere göz atın.
Uygulamanızı başlatmaya hazırlanın:
- Google Cloud Console'da projeniz için bütçe uyarıları ayarlayın.
- Projenizin birden fazla Firebase hizmetinde kullanımının genel bir resmini elde etmek için Firebase konsolundaki Kullanım ve faturalandırma panosunu izleyin. Daha ayrıntılı kullanım bilgileri için Barındırma Kullanımı panosunu da ziyaret edebilirsiniz.
- Firebase başlatma kontrol listesini inceleyin.