Firebase Hosting'i kullanmaya başlayın

Firebase Hosting, uygulamanızın statik öğelerini (HTML, CSS, JavaScript, medya dosyaları vb.) barındırmanın yanı sıra dinamik içerik yayınlamak ve mikro hizmetler barındırmak için hızlı, güvenli ve güvenilir bir yol sunar.

Üretim düzeyinde barındırma hizmetimiz, küresel bir içerik yayınlama ağı (CDN) tarafından desteklenir. Hosting, varsayılan olarak içeriğinizi SSL üzerinden sunar ve web.app ile firebaseapp.com'te kendi özel alanınız veya projenizin alt alan adlarıyla ücretsiz olarak kullanılabilir.

Başlamadan önce

Firebase Hosting'ü ayarlayabilmek için Firebase projesi oluşturmanız gerekir.

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

CLI'yi nasıl yükleyeceğinizi veya en son sürümüne nasıl güncelleyeceğinizi öğrenmek için Firebase CLI belgelerini ziyaret edin.

2. Adım: 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şlatılırken Firebase CLI istemlerinde:

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

    Seçilen Firebase projesi, yerel proje dizininiz için "varsayılan" Firebase projenizdir. Yerel proje dizininize başka Firebase projeleri bağlamak için proje takma adları oluşturun.

  2. Herkese açık kök dizininiz olarak kullanılacak bir dizin belirtin.

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

    • Herkese açık kök dizininin varsayılan adı public'tir.

      • Herkese açık kök dizininizi şimdi belirtebilir veya firebase.json yapılandırma dosyanızda daha sonra belirtebilirsiniz.

      • Varsayılan seçeneği belirlerseniz ve public adlı bir dizininiz yoksa Firebase bu dizini sizin için oluşturur.

    • Herkese açık kök dizininizde geçerli bir index.html 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 oluşturmayı seçerseniz Firebase sizin için otomatik olarak yeniden yazma yapılandırmaları ekler.

İlklendirmenin sonunda Firebase, yerel uygulama dizininizin köküne otomatik olarak iki dosya oluşturup ekler:

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, Hosting içeriğinizi ve yapılandırmanızı aşağıdaki Firebase tarafından sağlanan alt alan adlarına dağıtır:

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

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

Sonraki adımlar

Artık sitenizi dünyayla paylaşmaya hazırsınız.