Firebase Hosting'i kullanmaya başlayın

Firebase Hosting, uygulamanızın statik varlıklarını (HTML, CSS, JavaScript, medya dosyaları vb.) barındırmanın yanı sıra dinamik içerik ve barındırma mikro hizmetleri sunmanın hızlı, güvenli ve güvenilir bir yolunu sunar.

Üretim sınıfı barındırma hizmetimiz, küresel bir içerik dağıtım ağı (CDN) tarafından desteklenmektedir. Barındırma, içeriğinizi varsayılan olarak SSL üzerinden sunar ve web.app ve firebaseapp.com ücretsiz olarak kendi özel alan adınızla veya projenizin alt alan adlarında kullanılabilir.

Sen başlamadan önce

Firebase Hosting'i kurmadan önce bir Firebase projesi oluşturmanız gerekir.

Adım 1 : Firebase CLI'yi yükleyin

CLI'nin nasıl kurulacağını veya en son sürümüne nasıl güncelleneceğini öğrenmek için Firebase CLI belgelerini ziyaret edin.

Adım 2 : Projenizi Başlatın

Yerel proje dosyalarınızı Firebase projenize bağlamak için yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:

firebase init hosting

Proje başlatma sırasında, Firebase CLI istemlerinden:

1. Yerel proje dizininize bağlanmak için bir Firebase projesi seçin.

   Seçilen Firebase projesi, yerel proje dizininiz için "varsayılan" Firebase projenizdir. Yerel proje dizininize ek Firebase projeleri bağlamak için proje takma adları ayarlayın.

2. Genel kök dizininiz olarak kullanmak için bir dizin belirleyin.

   Bu dizin, index.html dosyanız ve Firebase Hosting'e dağıtmak istediğiniz diğer varlıklar dahil olmak üzere herkese açık olarak sunulan tüm statik dosyalarınızı içerir.

   • Genel kök dizini için varsayılan, public olarak adlandırılır.

     • Genel kök dizininizi şimdi veya daha sonra firebase.json yapılandırma dosyanızda belirtebilirsiniz.

     • Varsayılanı seçerseniz ve zaten public adlı bir dizine sahip değilseniz, Firebase bunu sizin için oluşturur.

   • Genel kök dizininizde halihazırda geçerli bir index.html dosyanız veya 404.html dosyanız yoksa, Firebase bunları sizin için oluşturur.

3. Siteniz için bir yapılandırma seçin.

   Tek sayfalık bir uygulama yapmayı seçerseniz, Firebase sizin için otomatik olarak yeniden yazma yapılandırmaları ekler.

Başlatmanın sonunda, Firebase otomatik olarak iki dosya oluşturur ve yerel uygulama dizininizin kök dizinine ekler:

• Proje yapılandırmanızı listeleyen bir firebase.json yapılandırma dosyası. Barındırma davranışını yapılandırma sayfasında bu dosya hakkında daha fazla bilgi edinin.

• Proje takma adlarınızı saklayan bir .firebaserc dosyası.

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

Sitenize dağıtmak için yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:

firebase deploy --only hosting

Bu komut, Barındırma içeriğinizi ve yapılandırmanızı aşağıdaki Firebase tarafından sağlanan alt etki alanlarına dağıtır:

• PROJECT_ID .web.app
• PROJECT_ID .firebaseapp.com

Dağıtımlar ve hatta sitenizi yerel olarak test etme hakkında daha fazla bilgi edinin.

Sonraki adımlar

Artık siteniz dünyayla paylaşmaya hazır!

• Sitenizi geliştirmeye devam edin. Yerel olarak test edin, değişiklikleri geçici bir önizleme URL'sinde paylaşın, ardından canlı sitenize dağıtın. Bu adım adım kılavuzu izleyin.

• Daha fazla barındırma özellikleri hakkında bilgi edinin:

  • Barındırma davranışını yapılandırın
  • Özel bir etki alanı bağlayın
  • Dinamik içerik sunun ve mikro hizmetleri barındırın

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