Uygulama Barındırma'yı kullanmaya başlayın

GitHub deposunda mevcut bir Next.js veya Angular uygulaması (Next.js 13 veya sonraki sürümler ya da Angular 17.2 veya sonraki sürümler) varsa App Hosting'ü kullanmaya başlamak, bir App Hosting arka ucu oluşturmak ve ardından yayın dalınıza bir yayınlama işlemi göndererek kullanıma sunma kadar kolay 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 kurulumu için önce bir Firebase projesi oluşturmanız (henüz yoksa) ve Blaze planına yükseltmeniz gerekir.

Proje oluşturmak için:

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

    • Mevcut bir Google Cloud projesine Firebase kaynağı eklemek için proje adını girin veya açılır menüden 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ı) Projeniz için Google Analytics ayarlarını yapın. Bu sayede, aşağıdaki Firebase ürünlerinden herhangi birini kullanırken optimum deneyim elde edebilirsiniz:

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

    Yeni bir hesap oluşturursanız Analytics raporlama konumunuzu seçin, ardından 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 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 denemeyi tercih ediyorsanız Next.js veya Angular için örneklerimizden birini başlatarak başlayın:

npm init @apphosting

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

1. adım: App Hosting arka uç oluşturun

App Hosting arka uç, web uygulamanızı oluşturmak ve çalıştırmak için App Hosting tarafından oluşturulan yönetilen kaynaklar koleksiyonudur. Firebase konsolunu veya Firebase CLI'yi kullanarak App Hosting arka uçları oluşturabilir ve listeleyebilirsiniz.

Firebase konsolu: Derleme menüsünden Uygulama Barındırma'yı, ardından Başlayın'ı seçin.

KSA: (13.15.4 veya sonraki sürümler) Arka uç oluşturmak için yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın. Komutla birlikte projectID ve tercih ettiğiniz bölge parametrelerini belirtin:

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

Hem konsolda hem de KSA'da, arka uçunuza bir ad atamak, GitHub bağlantısı oluşturmak ve aşağıdaki temel dağıtım ayarlarını yapılandırmak için talimatları uygulayın:

  • Uygulamanızın kök dizinini ayarlayın (varsayılan olarak /)

    Bu genellikle package.json dosyanızı bulacağınız yerdir.

  • Canlı dalı ayarlayın

    Bu, GitHub deponuzun canlı URL'nize dağıtılan dalıdır. Genellikle özellik şubelerinin veya geliştirme şubelerinin birleştirildiği şubedir.

  • Otomatik kullanıma sunma işlemlerini kabul etme veya reddetme

    Otomatik kullanıma sunma özelliği varsayılan olarak etkindir. Arka uç oluşturma işlemi tamamlandığında, uygulamanızın App Hosting'e hemen 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ı sunar. Bu alt alan adının 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 aşağıdaki KSA komutunu çalıştırın:

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

3. Adım: Değişiklik göndererek kullanıma sunma işlemini tetikleyin

Arka uçunuz oluşturulduktan ve yayında bir URL'niz olduktan sonra, GitHub deponuzun yayındaki dalına değişiklik gönderdiğinizde web uygulamanızın yeni bir sürümünün kullanıma sunulmasını tetikleyebilirsiniz. App Hosting kurulumunuzu test etmek için:

  1. GitHub'da, web uygulamasının yayındaki dalına bir değişiklik gönderin.
  2. Firebase konsolunda App Hosting sekmesini açın ve arka ucunuz için Kontrol panelini görüntüle'yi seçin. Tablo listesi, değişikliğiniz tarafından tetiklenen kullanıma sunma işlemiyle ilişkili belirli bir taahhüt gösterir.

Sonraki adımlar