Web çerçevelerini Hosting ile entegre edin

Firebase Hosting, Angular ve Next.js gibi popüler modern web çerçeveleriyle entegre olur. Firebase Hosting ve Cloud Functions for Firebase'ı bu çerçevelerle birlikte kullanarak tercih ettiğiniz çerçeve ortamında uygulamalar ve mikro hizmetler geliştirebilir, ardından bunları yönetilen ve güvenli bir sunucu ortamında dağıtabilirsiniz.

Bu erken önizleme döneminde desteklenen işlevler şunlardır:

  • Statik web içeriğinden oluşan web uygulamalarını dağıtma
  • Önceden oluşturma / Statik Site Oluşturma (SSG) kullanan web uygulamalarını dağıtma
  • Sunucu tarafı oluşturma (SSR) kullanan web uygulamalarını dağıtma (isteğe bağlı olarak tam sunucu oluşturma)

Firebase, bu işlevi Firebase CLI aracılığıyla sağlar. Komut satırında Hosting başlatılırken yeni veya mevcut web projeniz hakkında bilgi sağlarsınız ve CLI, seçtiğiniz web çerçevesi için doğru kaynakları ayarlar.

Başlamadan önce

Uygulamanızı Firebase'e dağıtmaya başlamadan önce aşağıdaki koşulları ve seçenekleri inceleyin:

  • Firebase KSA 12.1.0 veya sonraki sürümleri. Tercih ettiğiniz yöntemi kullanarak CLI'yi yüklediğinizden emin olun.
  • İsteğe bağlı: Firebase projenizde faturalandırma etkinleştirilmiş olmalıdır (SSR kullanmayı planlıyorsanız gereklidir).

Yerel olarak yayınlama

Şu adımları uygulayarak entegrasyonunuzu yerel olarak test edebilirsiniz:

  1. Terminalden firebase emulators:start komutunu çalıştırın. Bu komut, uygulamanızı oluşturur ve Firebase CLI'yı kullanarak sunar.
  2. Web uygulamanızı, CLI tarafından döndürülen yerel URL'de (genellikle http://localhost:5000) açın.

Uygulamanızı Firebase Hosting'e dağıtma

Değişikliklerinizi herkesle paylaşmaya hazır olduğunuzda uygulamanızı canlı sitenize dağıtın:

  1. Terminalden firebase deploy komutunu çalıştırın.
  2. Web sitenizi SITE_ID.web.app veya PROJECT_ID.web.app (ya da özel bir alan adı ayarladıysanız özel alan adınız) üzerinden kontrol edin.

Farklı ortamları yapılandırma

Hazırlık ve üretim gibi farklı proje ortamları için birden fazla ortam değişkeni grubu dağıtabilirsiniz.

Bu araç, Cloud Functions for Firebase gibi, .env dosyasında belirtilen ortam değişkenlerini yüklemek için dotenv dosya biçimini destekler.

  • staging proje takma adınız varsa .env.staging dosyasından ortam değişkenleri dağıtabilirsiniz.
  • production proje takma adınız varsa .env.production dosyasından ortam değişkenleri dağıtabilirsiniz.
  • Kimliği PROJECT_ID olan bir projeniz varsa .env.PROJECT_ID dosyasından ortam değişkenleri dağıtabilirsiniz.

Ayrıntılı kılavuz için Cloud Functions belgelerine bakın.

Sonraki adımlar

Tercih ettiğiniz çerçeveyle ilgili ayrıntılı kılavuza bakın: