App Hosting'i kullanmaya başlayın

GitHub deposunda mevcut bir Next.js veya Angular uygulaması (Next.js 13+ veya Angular 17.2+) varsa Uygulama Barındırma'yı kullanmaya başlamak, Uygulama Barındırma arka ucu oluşturmak ve canlı şubenize yönlendirme yaparak kullanıma sunmak kadar basit olabilir. Uygulamanız yoksa bu kılavuzda açıklanan adımları uygulamak için örnek uygulamalarımızdan birini kullanın.

Başlamadan önce

Firebase App Hosting'i kurabilmeniz için önce bir Firebase projesi oluşturmanız (önceden projeniz yoksa) ve Blaze planına geçmeniz gerekir.

Proje oluşturmak için:

  1. Firebase konsolunda Proje ekle'yi tıklayın.

    • Firebase kaynaklarını mevcut bir Google Cloud projesine eklemek için projenin adını girin veya açılır menüden proje adını seçin.

    • Yeni bir proje oluşturmak için istediğiniz proje adını girin. İsteğe bağlı olarak proje adının altında gösterilen proje kimliğini de düzenleyebilirsiniz.

  2. İstenirse Firebase şartlarını inceleyip kabul edin.

  3. Devam'ı tıklayın.

  4. (İsteğe bağlı) Aşağıdaki Firebase ürünlerinden herhangi birini kullanarak optimum bir deneyim yaşamanızı sağlayan, projenizde Google Analytics'i ayarlayın:

    Mevcut bir Google Analytics hesabını seçin veya yeni bir hesap oluşturun.

    Yeni bir hesap oluşturursanız Analytics raporlama konumunuzu seçip projeniz için veri paylaşım ayarlarını ve Google Analytics şartlarını kabul edin.

  5. Proje oluştur'u (veya mevcut bir Google Cloud projesi kullanıyorsanız Firebase'i ekle'yi) tıklayın.

Firebase, Firebase projeniz için kaynakları otomatik olarak sağlar. İşlem tamamlandığında Firebase konsolunda Firebase projenizin genel bakış sayfasına yönlendirilirsiniz.

0. Adım (isteğe bağlı): GitHub deposu ve web uygulaması oluşturun

GitHub deposunda bulunan bir web uygulamanız yoksa veya akışı örnek bir uygulamayla denemek isterseniz, örneklerimizden birini Next.js ya da Angular için başlatarak başlayın:

npm init @apphosting

next dev veya ng start ile örnek uygulamayı yerel olarak çalıştırabilirsiniz. Devam etmek için yeni bir GitHub deposu oluşturun ve yeni başlatılan örnek kodu kod deposuna aktarın.

1. Adım: Uygulama Barındırma arka ucu oluşturun

Uygulama Barındırma arka ucu, Uygulama Barındırma'nın web uygulamanızı oluşturmak ve çalıştırmak için oluşturduğu yönetilen kaynaklar koleksiyonudur. Uygulama Barındırma arka uçlarını Firebase konsolunu veya Firebase CLI'yı kullanarak oluşturabilir ve listeleyebilirsiniz.

Firebase konsolu: Build (Derleme) menüsünden App Hosting'i (Uygulama Barındırma) ve ardından Başlayın'ı seçin.

CLI: (Sürüm 3.9 veya üzeri) Arka uç oluşturmak için yerel proje dizininizin kök dizininden aşağıdaki komutu çalıştırın:

firebase apphosting:backends:create --project PROJECT_ID --location us-central1

Her iki konsol veya CLI için, arka ucunuza ad atamak, GitHub bağlantısı oluşturmak ve şu temel dağıtım ayarlarını yapılandırmak üzere talimatları uygulayın:

  • Uygulamanızın kök dizinini ayarlayın (varsayılan olarak / değerine ayarlanır)

    Burası genellikle package.json dosyanızın bulunduğu yerdir.

  • Canlı dalı ayarlayın

    Bu, GitHub kod deponuzun canlı URL'nize dağıtılan dalıdır. Genellikle, özellik dalları veya geliştirme dalları birleştirilen daldır.

  • Otomatik kullanıma sunumları kabul edin veya reddedin

    Otomatik kullanıma sunma özelliği varsayılan olarak etkindir. Arka uç oluşturma işlemi tamamlandığında, uygulamanızın hemen App Hosting'e dağıtılmasını seçebilirsiniz.

2. Adım: Dağıtılan uygulamayı görüntüleyin

Arka uç oluşturduğunuzda Firebase, son kullanıcıların web uygulamanızı ziyaret edebileceği ücretsiz bir alt alan adı sağlar. Biçimi backend-id--project-id.us-central1.hosted.app şeklindedir.

Web uygulamanızın URL'sini görüntülemek için Firebase konsolunu kontrol edin veya şu CLI komutunu çalıştırın:

firebase apphosting:backends:get --project PROJECT_ID {BACKEND_ID} --location us-central1

3. Adım: Bir değişikliği aktararak kullanıma sunma işlemini tetikleyin

Arka ucunuz oluşturulduktan ve yayında olan bir URL'ye sahip olduktan sonra, GitHub deponuzun canlı dalına yaptığınız her değişiklik için web uygulamanızın yeni sürümünün kullanıma sunulmasını tetikleyebilirsiniz. Uygulama Barındırma kurulumunuzu test etmek için:

  1. GitHub'da, Web uygulamasının canlı dalına bir değişiklik aktarın.
  2. Firebase konsolunda Uygulama Barındırma sekmesini açın ve arka ucunuz için Kontrol panelini görüntüle'yi seçin. Tablo listesi, değişikliğinizin tetiklediği kullanıma sunma ile ilişkili belirli bir kaydı gösterir.

Sonraki adımlar