Web çerçevelerini Hosting ile entegre edin

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

Bu erken önizleme sırasında aşağıdaki işlevler desteklenir:

  • 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ı tam sunucu oluşturma)

Firebase bu işlevi Firebase CLI aracılığıyla sağlar. Komut satırında Hosting'ü başlatırken yeni veya mevcut web projeniz hakkında bilgi sağlarsınız. 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 12.1.0 veya daha yeni bir KSA sürümü. 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'yi kullanmayı planlıyorsanız gereklidir)

Yerel olarak yayınlama

Aşağıdaki adımları uygulayarak entegrasyonunuzu yerel olarak test edebilirsiniz:

  1. Terminalden firebase emulators:start komutunu çalıştırın. Bu işlem, uygulamanızı derleyip Firebase CLI'yi 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 şu adreslerde kontrol edin: SITE_ID.web.app veya PROJECT_ID.web.app (veya özel alan adınız varsa bu alan adı).

Sonraki adımlar

Tercih ettiğiniz çerçeveyle ilgili ayrıntılı kılavuzu inceleyin: