Canlı sitenize dağıtmadan önce değişikliklerinizi görüntüleyip test etmenizi öneririz. Firebase Hosting, değişiklikleri yerel olarak görüntüleyip test etmenizi ve etkileşime geçmenizi sağlar arka uç proje kaynaklarını kullanın. Ekip arkadaşlarınızın yeni bir projede değişikliklerinizi test ettikten sonra, Hosting sitenizin paylaşılabilir, geçici sitenizi ziyaret edin. Hatta Search Ads 360'taki pull'dan dağıtım yapmak için GitHub entegrasyonu isteği gönderin.
Başlamadan önce
Şu sayfada listelenen adımları tamamlayın: Barındırmaya Başlama sayfasını, özellikle de şu görevlerden yararlanabilirsiniz:
- Firebase CLI'ı yükleyin veya en son sürümüne güncelleyin.
- Uygulamanızın içeriğini barındıran yerel proje dizinini Firebase projesi.
İsteğe bağlı olarak uygulamanızın Hosting içeriğini ve yapılandırmasını dağıtabilirsiniz ancak bu sayfadaki adımlar için ön koşul değildir.
1. Adım: Yerel olarak test edin
Hızlı iterasyonlar yapıyorsanız veya uygulamanızın emülasyonlu sürümlerle etkileşimde bulunmasını istiyorsanız arka uç proje kaynaklarını kullanarak Hosting içeriğinizi ve yapılandırmanızı test edebilirsiniz yerel olarak. Firebase, yerel test yaparken web uygulamanızı yerel olarak barındırılan bir URL'yi tıklayın.
Barındırma, Firebase Local Emulator Suite'in bir parçasıdır. Bu, uygulamanızın emüle Hosting içeriğinizle etkileşime geçmesini sağlar ve yapılandırmanın yanı sıra isteğe bağlı olarak emüle edilen proje kaynaklarınızın (işlevler, veri tabanları ve kurallar).
(İsteğe bağlı) Yerel olarak barındırılan uygulamanız varsayılan olarak real, emüle edilmemiş proje kaynakları (işlevler, veritabanı, kurallar vb.) Bunun yerine isterseniz emülasyonlu herhangi bir projeyi kullanmak için uygulamanızı bağlayabilirsiniz. kaynak olduğunu unutmayın. Daha fazla bilgi: Gerçek Zamanlı Veritabanı | Cloud Firestore | Cloud Functions
Yerel proje dizininizin kök dizininden aşağıdaki komutu çalıştırın:
firebase emulators:start
Web uygulamanızı KSA 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 emülatörler yalnızca localhost
isteklerine yanıt verir. Bu
Diğer bir deyişle, barındırılan içeriğinize bilgisayarınızın web
yalnızca ağınızdaki diğer cihazlardan değil. Denemek istiyorsanız
diğer yerel cihazlar için firebase.json
cihazınızı şu şekilde yapılandırın:
"emulators": {
// ...
"hosting": {
"port": 5000,
"host": "0.0.0.0"
}
}
2. Adım: Önizleyin ve paylaşın
Web uygulamanızdaki değişiklikleri yayınlamadan önce diğer kullanıcıların görüntülemesini istiyorsanız önizleme kanallarını kullanabilirsiniz.
Önizleme kanalına dağıtım yaptıktan sonra Firebase, web uygulamanızı Paylaşılabilir, geçici bir URL olan "preview URL" (önizleme URL'si) girin. Önizleme URL'si kullanırken web uygulamanız tüm proje kaynakları için gerçek arka ucunuzla ( herhangi bir "sabitlenmiş" hariç yeniden yazımlarınızdaki fonksiyonları yapılandırma).
Önizleme URL'lerinin tahmin edilmesi zor olsa da (rastgele bir karma) herkese açıktır. Yani URL'yi bilen herkes ilgili URL'ye erişebilir.
Yerel proje dizininizin kök dizininden aşağıdaki komutu çalıştırın:
firebase hosting:channel:deploy CHANNEL_ID
CHANNEL_ID değerini, boşluk içermeyen bir dizeyle değiştirin (örneğin,
feature_mission-2-mars
). Bu kimlik, önizleme kanalıyla ilişkili önizleme URL'si.KSA tarafından döndürülen önizleme URL'sinde web uygulamanızı açın. Bu yüzden şunun gibi bir şey:
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. Marka komutta aynı
CHANNEL_ID
değerini belirttiğinizden emin olun.
Önizleme kanallarını yönetme hakkında daha fazla bilgi edinin. Örneğin, bir kanalın son geçerlilik tarihini nasıl ayarlayacağınızı öğrenin.
Firebase Hosting, otomatik olarak oluşturulan ve bir pull isteğinde değişiklik yaptığınızda önizleme URL'sini günceller. Nasıl yapıldığını öğrenin bu GitHub İşlemini kurup kullanın.
3. Adım: Canlı dağıtım yapın
Değişikliklerinizi dünyayla paylaşmaya hazır olduğunuzda Hosting hizmetinizi dağıtın ve yapılandırmanız yeterli olacaktır. Firebase, Google Analytics 4'te (aşağıdaki seçeneklere bakın).
1. seçenek: Önizleme kanalından canlı kanalınıza klonlama
Bu seçenek, canlı kanalınıza dağıtım yaptığınıza dair güven sağlar. önizleme kanalında test ettiğiniz tam içerik ve yapılandırmayı içerir. Daha fazla bilgi edinin hakkında klonlama sürümleri.
Herhangi bir dizinde aşağıdaki komutu çalıştırın:
firebase hosting:clone SOURCE_SITE_ID:SOURCE_CHANNEL_ID TARGET_SITE_ID:live
Her yer tutucuyu aşağıdakiyle değiştirin:
SOURCE_SITE_ID ve TARGET_SITE_ID: Bunlar kimliklerdir Barındırma siteleri arasında da yer alıyor.
- Varsayılan Hosting siteniz için Firebase proje kimliğinizi kullanın.
- Aynı Firebase projesinde, hatta aynı Firebase projesinde Firebase için Google Analytics'i kullanabilirsiniz.
SOURCE_CHANNEL_ID: Bu, kanalın şu tür bir tanımlayıcısıdır: , şu anda canlı kanalınıza dağıtmak istediğiniz sürümü sunuyor.
- 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).
2. Seçenek: Yerel proje dizininizden canlı kanalınıza dağıtın
Bu seçenek, orijinal yapılandırmaya özel yapılandırmaları ayarlama veya önizleme kanalı kullanmamış olsanız bile dağıtabilirsiniz.
Yerel proje dizininizin kök dizininden 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: Yayındaki sitenizde değişikliklerinizi görüntüleyin
Yukarıdaki her iki seçenek de Hosting içeriğinizi ve yapılandırmanızı şu siteler:
Varsayılan Hosting siteniz ve Firebase'in sağladığı alt alan adları ek Barındırma siteleri:
SITE_ID.web.app
(ör.PROJECT_ID.web.app
)
SITE_ID.firebaseapp.com
(ör.PROJECT_ID.firebaseapp.com
)Bağlandığınız tüm özel alanlar Barındırma siteleriniz
Dağıtımı belirli bir Hosting sitesiyle kısıtlamak için: bir dağıtım hedefi belirtin yazın.
Diğer dağıtım etkinlikleri ve bilgileri
Dağıtım için yorum ekleyin
İsterseniz dağıtıma yorum ekleyebilirsiniz. Bu yorum, diğer dağıtım bilgilerini Barındırma kontrol paneli Firebase konsolunda yer alır. Örneğin:
firebase deploy --only hosting -m "Deploying the best new feature ever."
Predeploy ve postdeploy komut dosyası tabanlı görevler ekleme
İsterseniz kabuk komut dosyalarını firebase deploy
komutuna bağlayarak
dağıtım öncesi veya sonrası görevlerini yerine getirme Örneğin, postdeploy kancası
Yeni site içeriği dağıtımları hakkında yöneticileri bilgilendirme. Daha fazla bilgi için
Daha ayrıntılı bilgi için Firebase CLI belgelerine göz atın.
Dağıtılan içeriği önbelleğe alma
Statik içerik için bir istek yapıldığında Firebase Hosting otomatik olarak içeriği CDN'de önbelleğe alır. Sitenizin içeriğini yeniden dağıtırsanız Firebase, CDN genelinde önbelleğe alınmış tüm statik içeriğinizi otomatik olarak siler. Böylece yeni yeni içeriğinizi aldığına dikkat edin.
Bu yapılandırmanın dinamik içeriği önbelleğe alma.
HTTPS üzerinden sunma
üzerinde barındırılmayan tüm harici kaynakların Firebase Hosting, harici komut dosyaları da dahil olmak üzere SSL (HTTPS) üzerinden yüklenir. Çoğu tarayıcı, kullanıcıların "karma içerik" yüklemesine izin vermez. (SSL ve SSL olmayan) trafik).
Dosyalar siliniyor
Firebase Hosting'de, seçili dosyaları silmenin birincil yolu dosyaları yerel olarak silip yeniden dağıtmaktır.
Sonraki adımlar
GitHub ile entegre edin ve önizlediğiniz içeriği yinelemek için: GitHub İşlemini ayarlama başlıklı makaleyi inceleyin.
Diğer barındırma özellikleri hakkında bilgi edinin:
Firebase KSA ile ilgili tüm belgelere göz atın.
Uygulamanızı kullanıma sunmaya hazırlanma:
- Bütçe ayarlama uyarılar Google Cloud Console'da görüntüleyebilirsiniz.
- Kullanımı ve faturalandırmayı izleme kontrol paneli Firebase konsolunda projenizin genel görünümüne birden fazla Firebase hizmetinde nasıl kullanıldığını gösterir. Ayrıca, Barındırma Kullanımı sayfasını da ziyaret edebilirsiniz. kontrol paneline gidin ayrıntılı kullanım bilgileridir.
- Firebase lansmanı kontrol listesini inceleyin.