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'ü ayarlayabilmek için Firebase projesi oluşturmanız (henüz yoksa) ve Blaze planına geçmeniz 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. İsterseniz proje adının altında görüntülenen 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'yi ayarlayın. Bu, aşağıdaki Firebase ürünlerinden herhangi birini kullanırken optimum bir deneyim yaşamanızı sağlar:

    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 ucu, App Hosting'ın web uygulamanızı oluşturmak ve çalıştırmak için oluşturduğu yönetilen kaynaklar koleksiyonudur. Tüm proje sahipleri, Firebase konsolunu veya Firebase KSA'yı kullanarak bir proje için ilk App Hosting arka ucunu oluşturabilir. Bu ilk kurulumdan sonra App Hosting yöneticileri ek arka uçlar da oluşturup yönetebilir. Ayrıntılar için Firebase App Hosting IAM rolleri başlıklı makaleyi inceleyin.

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ı şubeyi ayarlama

    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ı sağlar. Bu alanı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ç oluşturduktan 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çıp arka uçunuz 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