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

Mevcut bir Next.js veya Angular uygulaması ile (Next.js 13 ve sonraki sürümler veya Angular 17.2 ve sonraki sürümler) App Hosting ile çalışmaya başlamak için bir App Hosting arka ucu oluşturup ardından lansmanını yapmanız gerekir. Uygulamanız yoksa örnek uygulamalarımızı inceleyin.

Başlamadan önce

Firebase App Hosting uygulamasını kurmadan önce bir Firebase oluşturmanız gerekir projenize (henüz yoksa) ve Blaze planına yükseltin.

Proje oluşturmak için:

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

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

    • Yeni proje oluşturmak için istediğiniz proje adını girin. Ayrıca isteğe bağlı olarak proje adının altında gösterilen proje kimliğini düzenleyin.

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

  3. Devam'ı tıklayın.

  4. (İsteğe bağlı) Projeniz için Google Analytics hizmetini kurun. Bu sayede, kullanarak en iyi deneyime sahip olmanız gerekir:

    Mevcut bir Google Analytics hesabı veya yeni bir hesap oluşturun.

    Yeni bir hesap oluşturuyorsanız Analytics raporlama konumu, ardından kabul edin veri paylaşım ayarlarını ve Google Analytics şartlarını kabul edersiniz.

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

Firebase, Firebase projeniz için kaynakları otomatik olarak sağlar. Zaman İşlem tamamlandığında Firebase'inizin genel bakış sayfasına yönlendirilirsiniz projesi Firebase konsolda da görüntülenebilir.

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

GitHub deposunda bulunan bir web uygulamanız yoksa veya Google'ın akışı örnek bir uygulamayla deneyin. Örneklerimizden birini başlatarak başlayın. Next.js veya Angular için:

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ştur ve yeni başlatılan örnek kodu buna aktarın.

1. Adım: App Hosting arka ucu oluşturun

App Hosting arka ucu, projenizin veya oyununuzun App Hosting, Web uygulamanızı derleyip çalıştırmak için oluşturur. Proje yöneticileri, Firebase konsolunu kullanarak App Hosting arka uç veya Firebase KSA.

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

KSA: (Sürüm 3.9 veya sonraki sürümler) Bir arka uç oluşturmak için aşağıdaki komutu çalıştırın yerel proje dizininizin kök dizininden başvurarak, proje kimliğini bağımsız değişken olarak kullanabilirsiniz (ö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 ve kur GitHub bağlantısı, ve şu temel dağıtım ayarlarını yapılandırı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 yayındaki URL'yi ekleyin. Genellikle, özellik dallarının veya geliştirmenin dallar birleştirilir.

  • 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ığında, uygulamanızın hemen App Hosting ürününe dağıtılmasını seçebilirsiniz.

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

Bir arka uç oluşturduğunuzda, Firebase size ücretsiz bir alt alan adı sunar. kullanıcılar Web uygulamanızı ziyaret edebilir. Biçimi backend-id--project-id.us-central1.hosted.app.

Web uygulamanızın URL'sini görüntülemek için Firebase konsolunu kontrol edin veya aşağıdaki KSA'yı çalıştırın komut:

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 aşağıdakileri yapabilirsiniz: her yüklediğinizde Web uygulamanızın yeni bir sürümünün kullanıma sunulmasını GitHub deponuzun canlı dalı haline gelecektir. Bir App Hosting kurulumunuzun testi:

  1. GitHub'da, Web uygulamasının canlı dalında bir değişiklik aktarın.
  2. Şunu açın: App Hosting sekme: Firebase konsolunuza girin ve arka ucunuz için Kontrol panelini görüntüle'yi seçin. Tablo listesinde kullanıma sunmayla ilişkili belirli kayıt gösterilir. biraz daha fazladır.

Sonraki adımlar