Uygulamanızı bağlayın ve prototip oluşturmaya başlayın

: Eğer Firebase Yerel Emülatörü Suite ile de atlamadan önce sizin platformu için Firebase konular ile başlama göre, emin olun Eğer bir Firebase proje oluşturduktan geliştirme ortamı kurmak ve seçilen ve platformu için Firebase SDK'larını yükledim Apple , Android veya Web .

Prototip ve test

Yerel Emulator Suite olarak açıklanan çeşitli ürün emülatörlerine içerir Firebase Yerel Emülatörü Suite giriş . Üretimde kullandığınız Firebase ürünlerine karşılık gelen, uygun gördüğünüz şekilde, tek tek emülatörlerin yanı sıra emülatör kombinasyonlarıyla prototip yapabilir ve test edebilirsiniz.

Firebase dstabase ve işlev öykünücüleri arasındaki etkileşim
Bir parçası olarak Veritabanı ve Bulut Fonksiyonlar emülatörlerine tam Yerel Emülatörü Suite .

Bu konu için, Local Emulator Suite iş akışını tanıtmak için, tipik bir ürün kombinasyonu kullanan bir uygulama üzerinde çalıştığınızı varsayalım: bir Firebase veritabanı ve bu veritabanındaki işlemler tarafından tetiklenen bulut işlevleri.

Firebase projenizi yerel olarak başlattıktan sonra, Local Emulator Suite kullanan geliştirme döngüsü genellikle üç adımdan oluşur:

  1. Prototip özellikleri, öykünücüler ve Emulator Suite UI ile etkileşimli olarak.

  2. Bir veritabanı öykünücüsü veya Bulut İşlevleri öykünücüsü kullanıyorsanız, uygulamanızı öykünücülere bağlamak için tek seferlik bir adım gerçekleştirin.

  3. Öykünücüler ve özel komut dosyalarıyla testlerinizi otomatikleştirin.

Bir Firebase projesini yerel olarak başlatma

Emin olun CLI yüklemek veya en son sürüme güncelleme .

curl -sL firebase.tools | bash

Zaten yapmadıysanız varsa, Cloud Fonksiyonlar ve ya Bulut Firestore veya Gerçek Zamanlı veritabanı kullanıyoruz belirtmek için ekrandaki talimatları takip bir Firebase projesi olarak geçerli çalışma dizini başlatmak:

firebase init

Projeniz dizini artık Firebase yapılandırma dosyaları, veritabanı için bir Firebase Güvenlik Kuralları tanım dosyası, bir içerecektir functions dizini içeren bulut fonksiyonları kodu ve diğer destekleyici dosyaları.

Prototip etkileşimli olarak

Local Emulator Suite, yeni özellikleri hızlı bir şekilde prototiplemenize izin vermek için tasarlanmıştır ve Suite'in yerleşik kullanıcı arayüzü, en kullanışlı prototipleme araçlarından biridir. Bu biraz Firebase konsolunun yerel olarak çalışmasına benziyor.

Emulator Suite UI'yi kullanarak bir veritabanının tasarımını yineleyebilir, bulut işlevlerini içeren farklı veri akışlarını deneyebilir, Güvenlik Kurallarındaki değişiklikleri değerlendirebilir, arka uç hizmetlerinizin nasıl performans gösterdiğini doğrulamak için günlükleri kontrol edebilir ve daha fazlasını yapabilirsiniz. Ardından, yeniden başlamak istiyorsanız, veritabanınızı temizleyin ve yeni bir tasarım fikriyle yeni bir başlangıç ​​yapın.

Local Emulator Suite'i aşağıdakilerle başlattığınızda hepsi kullanılabilir:

firebase emulators:start

Varsayımsal uygulamamızın prototipini oluşturmak için, bir veritabanındaki metin girişlerini değiştirmek için temel bir bulut işlevi ayarlayıp test edelim ve onu tetiklemek için bu veritabanını hem oluşturup hem de Emulator Suite UI'de dolduralım.

  1. Düzenleyerek veritabanı yazma tetiklediği bir bulut işlevi oluşturma functions/index.js proje dizinine. Mevcut dosyanın içeriğini aşağıdaki snippet ile değiştirin. Düğümler değişiklikler için bu işlev dinler messages hiyerarşi, düğümün içeriğini dönüştürür original o düğümün sonucu büyük harfe mülkiyet ve depolar uppercase özelliği.
  2.   const functions = require('firebase-functions');
    
      exports.makeUppercase = functions.database.ref('/messages/{pushId}/original')
          .onCreate((snapshot, context) => {
            const original = snapshot.val();
            console.log('Uppercasing', context.params.pushId, original);
            const uppercase = original.toUpperCase();
            return snapshot.ref.parent.child('uppercase').set(uppercase);
          });
      
  3. Yerel Emulator Suite başlatın firebase emulators:start . Bulut İşlevleri ve veritabanı öykünücüleri başlatılır ve birlikte çalışacak şekilde otomatik olarak yapılandırılır.
  4. En tarayıcınızda UI görüntüle http://localhost:4000 . Bağlantı noktası 4000, kullanıcı arabirimi için varsayılandır, ancak Firebase CLI tarafından çıkan terminal mesajlarını kontrol edin. Kullanılabilir öykünücülerin durumunu not edin. Bizim durumumuzda, Bulut İşlevleri ve Gerçek Zamanlı Veritabanı öykünücüleri çalışıyor olacak.
    Benim resmim
  5. UI, Gerçek Zamanlı Veri Tabanı sekmesinde, bir ile düğümler kümesi oluşturmak için veritabanı içerik editörü denetimleri kullanın messages bir içeren Düğümü message1 anahtarı seti ile bir düğüm içeren sırayla, düğüm original ve değer kümesi test . Bu, bulut işlevimizi tetikler. Yeni gözlemleyin uppercase özellik değeri ile, kısa bir süre görünen TEST .
    Benim resmimBenim resmim
  6. O güncellenen veritabanı olarak hatalar inot çalışmadı işlevinizi onaylamak için Kayıtlar sekmesini kontrol edin.

Aradığınız veri akışını elde edene kadar, uygulama içi veritabanı erişim koduna dokunmadan, test takımlarını yeniden derlemeden ve yeniden çalıştırmadan, bulut işlev kodunuz ve etkileşimli veritabanı düzenlemeleriniz arasında kolayca yineleyebilirsiniz.

Uygulamanızı emülatörlere bağlayın

Etkileşimli prototip oluşturmada iyi bir ilerleme kaydettiğinizde ve bir tasarıma karar verdiğinizde, uygun SDK'yı kullanarak uygulamanıza veritabanı erişim kodu eklemeye hazır olacaksınız. Sen işlevleri için, Emulator Suite UI Kayıtlar sekmesi uygulamanızın davranışı doğru olduğunu teyit etmek için, veritabanı sekmesini kullanmaya devam ve edeceğiz.

Local Emulator Suite'in yerel bir geliştirme aracı olduğunu unutmayın. Üretim veritabanlarınıza yazma işlemleri, yerel olarak prototiplediğiniz işlevleri tetiklemez.

Uygulamanızın veritabanına yazma yapmasına geçmek için, test sınıflarınızı veya uygulama içi yapılandırmanızı Realtime Database öykünücüsüne yönlendirmeniz gerekir.

Android
        // 10.0.2.2 is the special IP address to connect to the 'localhost' of
        // the host computer from an Android emulator.
        FirebaseDatabase database = FirebaseDatabase.getInstance();
        database.useEmulator("10.0.2.2", 9000);
Süratli
    // In almost all cases the ns (namespace) is your project ID.
let db = Database.database(url:"http://localhost:9000?ns=YOUR_DATABASE_NAMESPACE")

Web sürümü 9

import { getDatabase, connectDatabaseEmulator } from "firebase/database";

const db = getDatabase();
if (location.hostname === "localhost") {
  // Point to the RTDB emulator running on localhost.
  connectDatabaseEmulator(db, "localhost", 9000);
} 

Web sürümü 8

var db = firebase.database();
if (location.hostname === "localhost") {
  // Point to the RTDB emulator running on localhost.
  db.useEmulator("localhost", 9000);
} 

Özel komut dosyalarıyla testlerinizi otomatikleştirin

Şimdi son genel iş akışı adımı için. Özelliğinizi uygulama içinde prototipledikten ve tüm platformlarınızda umut verici göründüğünde, nihai uygulamaya ve teste dönebilirsiniz. Birim test için ve CI iş akışları, sen emülatörler başlatmak senaryolu testler ve tek bir çağrıda emülatörlerine kapatabilirsiniz exec komutu:

firebase emulators:exec "./testdir/test.sh"

Bireysel öykünücüleri daha derinlemesine keşfedin

Artık temel istemci tarafı iş akışının neye benzediğini gördüğünüze göre, Suite'teki tek tek öykünücüler hakkında, bunların sunucu tarafı uygulama geliştirme için nasıl kullanılacağı da dahil olmak üzere ayrıntılarla devam edebilirsiniz:

Sırada ne var?

Yukarıda bağlantılı belirli emülatörlerle ilgili konuları okuduğunuzdan emin olun. Sonra: