App Hosting'i kullanmaya başlayın

GitHub deposundaki mevcut bir Next.js veya Angular uygulaması (Next.js 13 ve sonraki sürümler veya Angular 17.2 ve sonraki sürümler) sayesinde Uygulama Barındırma'yı kullanmaya başlamak için bir Uygulama Barındırma arka ucu oluşturup ardından canlı şubenizi aktararak kullanıma sunma süreciniz 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'i kurabilmeniz 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.

    • 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 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'i kurun. 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 bir hesap oluşturun.

    Yeni bir hesap oluşturursanız Analytics raporlama konumunuzu seçin ve 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 projesini 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 denemek istiyorsanız Next.js ya da 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: Uygulama Barındırma arka ucu oluşturun

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

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

KSA: (Sürüm 3.9 veya üzeri) Bir arka uç oluşturmak için proje kimliğinizi bağımsız değişken olarak sağlayarak yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın (önizleme için yalnızca us-central1 bölgesi desteklenir):

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

Hem konsol hem de CLI için, arka ucunuza ad atamak, GitHub bağlantısı ayarlamak ve şu temel dağıtım ayarlarını yapılandırmak üzere istemleri uygulayın:

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

    package.json dosyanız genellikle burada bulunur.

  • Canlı dalı ayarlayın

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

  • Otomatik kullanıma sunmaları kabul edin veya reddedin

    Otomatik kullanıma sunma işlemleri varsayılan olarak etkindir. Arka uç oluşturma işlemi tamamlandıktan sonra uygulamanızın hemen Uygulama Barındırma'ya 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 şu CLI komutunu çalıştırın:

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

3. Adım: Değişiklik aktararak kullanıma sunumu tetikleyin

Arka ucunuz oluşturulduktan ve yayındaki bir URL'niz olduğunda, GitHub deponuzun canlı dalına değişiklik aktardığınız her durumda Web uygulamanızın yeni bir 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ında 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 listesinde, değişikliğiniz tarafından tetiklenen kullanıma sunmayla ilişkili belirli bir kaydetme görüntülenir.

Sonraki adımlar