Firebase Data Connect'i kullanmaya başlama

Bu hızlı başlangıç kılavuzunda, uygulamanızda Firebase Data Connect'i nasıl oluşturacağınızı öğreneceksiniz.

  • Firebase Data Connect dosyasını Firebase projenize ekleyin.
  • Üretim örneğiyle çalışmak için Visual Studio Code uzantısı içeren bir geliştirme ortamı oluşturun.
  • Ardından aşağıdakileri nasıl yapacağınızı göstereceğiz:
    • Film yorumu uygulaması için bir şema oluşturun ve üretime dağıtın.
    • Şemanız için sorgular ve mutasyonlar tanımlayın.
    • Etkisi yüksek SDK'lar oluşturup bunları uygulamanızda kullanın
    • Nihai şemanızı, sorgunuzu ve verilerinizi üretime yayayın.

Ön koşullar

Bu hızlı başlangıç kılavuzunu yerel ortamınızda kullanmak için aşağıdakilere ihtiyacınız vardır.

Firebase projenize bağlanma

  1. Henüz oluşturmadıysanız bir Firebase projesi oluşturun.
    1. Firebase konsolunda Proje ekle'yi tıklayın ve ekrandaki talimatları uygulayın.
  2. Firebase konsolunun Data Connect bölümüne gidin ve ürün kurulum iş akışını uygulayın.
  3. Projenizi Blaze planına yükseltin. Bu işlem, PostgreSQL için Cloud SQL örneği oluşturmanıza olanak tanır.

  4. PostgreSQL için CloudSQL veritabanınız için bir konum seçin.

  5. Daha sonra onaylamak için proje, hizmet ve veritabanı adlarını ve kimliklerini not edin.

  6. Kalan kurulum akışını uygulayıp Bitti'yi tıklayın.

Bir geliştirme ortamı seçme ve kurma

Data Connect, uygulama geliştirme için iki geliştirme deneyimini destekler:

  • Kotlin Android, iOS, Flutter veya web geliştiriciyseniz PostgreSQL için Cloud SQL örneğinize bağlanırken şemaları ve işlemleri yerel olarak tasarlamak ve test etmek için VS Code geliştirme özelliğini kullanabilirsiniz.
  • Web geliştiricisiyseniz PostgreSQL içeren önceden yapılandırılmış bir IDX şablonu, Data Connect emülatörlü VS Code uzantısı ve sizin için ayarlanmış hızlı başlangıç istemci kodunu kullanarak IDX çalışma alanında prototip oluşturmak için IDX Geliştirme'yi kullanabilirsiniz. Project IDX sitesinde daha fazla bilgi bulabilirsiniz.

Bu hızlı başlangıç kılavuzu, VS Code uzantısı geliştirme akışına odaklanır. Devam etmek için:

  1. Yerel projeniz için yeni bir dizin oluşturun.
  2. VS Code'u yeni dizinde açın.
  3. Visual Studio Code Marketplace'ten Firebase Data Connect uzantısını yükleyin.

Yerel projenizi oluşturun

Normal talimatları uygulayarak KSA'yı yükleyin. npm zaten yüklüyse aşağıdaki komutu çalıştırın:

npm install -g firebase-tools

Proje dizininizi oluşturma

Yerel projenizi oluşturmak için proje dizininizi ilk kullanıma hazırlayın.

Firebase VS Code uzantısı kullanıcı arayüzünü açmak için VS Code'un sol panelindeki Firebase simgesini tıklayın.

  1. Google ile oturum aç düğmesini tıklayın.
  2. Firebase projesi bağla düğmesini tıklayın ve daha önce konsolda oluşturduğunuz projeyi seçin.
  3. Firebase init'i çalıştır düğmesini tıklayın.
  4. Projeniz Blaze planındaysa "Arka uç kaynaklarınızı hemen yapılandırmak ister misiniz?" sorusunu "Evet" olarak yanıtlayın.
  5. Emülatörleri başlat düğmesini tıklayın.

Şema oluşturma

Firebase proje dizininizdeki /dataconnect/schema/schema.gql dosyasında, filmleri içeren bir GraphQL şeması tanımlamaya başlayın.

Film

Data Connect'te GraphQL alanları sütunlarla eşlenir. Movie türünde id, title, imageUrl ve genre bulunur. Data Connect String ve UUID ilkel veri türlerini tanır.

Aşağıdaki snippet'i kopyalayın veya dosyada ilgili satırların yorumunu kaldırın.

# File `/dataconnect/schema/schema.gql`

# By default, a UUID id key will be created by default as primary key.
type Movie @table {
  id: UUID! @default(expr: "uuidV4()")
  title: String!
  imageUrl: String!
  genre: String
}

MovieMetadata

Filmleriniz olduğunda film meta verilerini modelleyebilirsiniz.

Aşağıdaki snippet'i kopyalayın veya dosyadaki ilgili satırların açıklamasını kaldırın.

# Movie - MovieMetadata is a one-to-one relationship
type MovieMetadata @table {
  # This time, we omit adding a primary key because
  # you can rely on Data Connect to manage it.

  # @unique indicates a 1-1 relationship
  movie: Movie! @unique
  # movieId: UUID <- this is created by the above reference
  rating: Float
  releaseYear: Int
  description: String
}

movie alanının Movie türüyle eşleştirildiğini unutmayın. Data Connect, bunun Movie ile MovieMetadata arasında bir ilişki olduğunu anlıyor ve bu ilişkiyi sizin adınıza yönetecek.

Veri Bağlantısı şemaları hakkında daha fazla bilgiyi dokümanda bulabilirsiniz.

Şemanızı üretime dağıtma

Üretim veritabanınızla çalışmak için Firebase VS Code uzantısını kullanıyorsanız devam etmeden önce şemanızı dağıtmanız gerekir. Şemanızı üretim veritabanınıza dağıttıktan sonra şemayı konsolda görüntüleyebilmeniz gerekir.

  1. Dağıtmak için Data Connect VS Code uzantısını kullanabilirsiniz.
    • Uzantının kullanıcı arayüzünde, Firebase Data Connect panelinin altında Üretime dağıt'ı tıklayın.
  2. Şema değişikliklerini incelemeniz ve zararlı olabilecek değişiklikleri onaylamanız gerekebilir. Sizden şunlar istenir:
    • firebase dataconnect:sql:diff kullanarak şema değişikliklerini inceleme
    • Değişikliklerden memnun kaldığınızda firebase dataconnect:sql:migrate tarafından başlatılan akışı kullanarak değişiklikleri uygulayın.

Tablolarınıza veri ekleme

VS Code düzenleyici panelinde, /dataconnect/schema/schema.gql ürünündeki GraphQL türlerinin üzerinde CodeLens düğmelerini görebilirsiniz. Şemanızı üretime dağıttığınız için arka uçtaki veritabanına veri eklemek için Veri ekle ve Çalıştır (Üretim) düğmelerini kullanabilirsiniz.

Movie tablosuna kayıt eklemek için:

  1. schema.gql dosyasında, Movie tür beyanının üstündeki Veri ekle düğmesini tıklayın.
    Firebase Data Connect için Code Lens Veri ekle düğmesi
  2. Oluşturulan Movie_insert.gql dosyasında, dört alan için verileri sabit kodlayın.
  3. Çalıştır (Üretim) düğmesini tıklayın.
    Firebase Data Connect için Code Lens Çalıştır düğmesi
  4. Oluşturulan MovieMetadata_insert mutasyonunda istendiği gibi MovieMetadata tablosuna kayıt eklemek için önceki adımları tekrarlayın ve movieId alanına Filminizin id değerini girin.

Verilerin eklendiğini hızlıca doğrulamak için:

  1. schema.gql dosyasına dönüp Movie tür beyanının üzerindeki Verileri oku düğmesini tıklayın.
  2. Oluşturulan Movie_read.gql dosyasında, sorguyu yürütmek için Çalıştır (Üretim) düğmesini tıklayın.

Veri Bağlantısı mutasyonları hakkında daha fazla bilgiyi dokümanda bulabilirsiniz.

Sorgunuzu tanımlayın

Şimdi eğlenceli kısım olan sorgulara geçelim. Geliştirici olarak GraphQL sorguları yerine SQL sorguları yazmaya alışkın olduğunuzdan bu durum başlangıçta biraz farklı gelebilir. Ancak GraphQL, ham SQL'den çok daha kısa ve tür açısından güvenlidir. VS Code uzantımız ise geliştirme deneyimini kolaylaştırıyor.

/dataconnect/connector/queries.gql dosyasını düzenlemeye başlayın. Tüm filmleri almak istiyorsanız aşağıdaki gibi bir sorgu kullanın.

# File `/dataconnect/connector/queries.gql`

# @auth() directives control who can call each operation.
# Anyone should be able to list all movies, so the auth level
# is set to PUBLIC
query ListMovies @auth(level: PUBLIC) {
  movies {
    id
    title
    imageUrl
    genre
  }
}

Yakındaki CodeLens düğmesini kullanarak sorguyu yürütün.

Veri Bağlantısı sorguları hakkında daha fazla bilgiyi dokümanda bulabilirsiniz.

SDK oluşturma ve bunları uygulamanızda kullanma

  1. SDK'yı uygulamaya ekle düğmesini tıklayın.
  2. Açılan iletişim kutusunda, uygulamanızın kodunu içeren bir dizin seçin. Data Connect. SDK kodu oluşturulur ve bu klasöre kaydedilir.

  3. Uygulama platformunuzu seçin, ardından SDK kodunun seçtiğiniz dizinde hemen oluşturulduğunu unutmayın.

Oluşturulan SDK'yı istemci uygulamalarından (web, Android, iOS, Flutter) sorgu ve mutasyon çağırmada nasıl kullanacağınızı öğrenin.

Şemanızı ve sorgunuzu üretime dağıtma

Bir geliştirme iterasyonunda çalıştınız. Artık şemanızı, verilerinizi ve sorgularınızı Firebase uzantısı kullanıcı arayüzü veya Firebase CLI ile sunucuya dağıtabilirsiniz.

Dağıtım yapmak için Firebase VS Code uzantısını kullanıyorsanız Üretime dağıt düğmesini tıklayın.

Dağıtıldıktan sonra şemanın, işlemlerin ve verilerin buluta yüklendiğini doğrulamak için Firebase konsoluna gidin. Şemayı görüntüleyebilir ve işlemlerinizi konsolda da çalıştırabilirsiniz. PostgreSQL için Cloud SQL örneği, oluşturulan nihai dağıtılmış şemasıyla ve verileriyle güncellenir.

Dokümanlardan Data Connect emülatörünü kullanma hakkında daha fazla bilgi edinebilirsiniz.

Sonraki adımlar

Dağıtılan projenizi inceleyin ve daha fazla araç keşfedin:

  • Firebase konsolunda veritabanınıza veri ekleyin, şemalarınızı inceleyip değiştirin ve Data Connect hizmetinizi izleyin. Dokümanlar bölümünden daha fazla bilgi edinebilirsiniz. Örneğin, hızlı başlangıç kılavuzunu tamamladığınız için:

  • Şema, sorgu ve mutasyon geliştirme hakkında daha fazla bilgi edinin.

  • Web, Android, iOS ve Flutter için istemci SDK'ları oluşturma ve istemci kodundan sorgu ve mutasyon çağırma hakkında bilgi edinin.