Web çerçevelerini Hosting ile entegre edin

Firebase Hosting, Angular gibi popüler modern web çerçeveleriyle entegre olur ve Next.js. Firebase Hosting ve Cloud Functions for Firebase'i bu uygulamalarla birlikte kullanmak çerçeveleri kullanarak, tercih ettiğiniz çerçevede uygulama ve mikro hizmetler geliştirebilirsiniz. sonra da bunları yönetilen ve güvenli bir sunucu ortamında dağıtabilirsiniz.

Bu erken önizleme sırasında sunulan destek aşağıdaki işlevleri içerir:

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

Firebase, bu işlevi Firebase CLI aracılığıyla sağlar. Başlatılırken Komut satırında barındırarak yeni veya mevcut CLI'ın, seçtiğiniz Web sitesi için doğru kaynakları ayarlar. bahsedeceğim.

Başlamadan önce

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

  • Firebase CLI 12.1.0 veya sonraki sürümler. Şunları yaptığınızdan emin olun: KSA'yı yükleme tercih ettiğiniz yöntemi kullanın.
  • İsteğe bağlı: Firebase projenizde faturalandırmanın etkin olması (SSR kullanmayı planlıyorsanız gereklidir)

Yerel olarak sunun

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

  1. Terminalden firebase emulators:start komutunu çalıştırın. Böylece uygulamanızı derler Firebase CLI kullanarak sunar.
  2. Web uygulamanızı KSA tarafından döndürülen yerel URL'de açın (genellikle http://localhost:5000).

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

Değişikliklerinizi tüm dünyayla paylaşmaya hazır olduğunuzda uygulamanızı canlı site:

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

Sonraki adımlar

Tercih ettiğiniz çerçeveyle ilgili ayrıntılı kılavuza göz atın: