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

Firebase Local Emulator Suite'e geçmeden önce, bir Firebase projesi oluşturduğunuzdan, geliştirme ortamınızı kurduğunuzdan ve platformunuz için Firebase'i kullanmaya başlama konularına göre platformunuz için Firebase SDK'larını seçip yüklediğinizden emin olun: Apple , Android veya Web .

Prototip ve test

Local Emulator Suite, Firebase Local Emulator Suite'e Giriş bölümünde açıklandığı gibi birkaç ürün emülatörü içerir. Ü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
Tam Local Emulator Suite'in bir parçası olarak Veritabanı ve Bulut İşlevleri öykünücüleri.

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

CLI'yi yüklediğinizden veya en son sürümüne güncellediğinizden emin olun.

curl -sL firebase.tools | bash

Henüz yapmadıysanız, Cloud Functions ve Cloud Firestore veya Realtime Database kullandığınızı belirtmek için ekrandaki komutları izleyerek mevcut çalışma dizinini bir Firebase projesi olarak başlatın:

firebase init

Proje dizininiz artık Firebase yapılandırma dosyalarını, veritabanı için bir Firebase Güvenlik Kuralları tanım dosyasını, bulut işlevleri kodunu içeren bir functions dizini ve diğer destekleyici dosyaları içerecektir.

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. Proje dizininizdeki functions/index.js dosyasını düzenleyerek veritabanı yazma işlemleri tarafından tetiklenen bir bulut işlevi oluşturun. Mevcut dosyanın içeriğini aşağıdaki snippet ile değiştirin. Bu işlev, messages hiyerarşisindeki düğümlerde yapılan değişiklikleri dinler, düğümün original özelliğinin içeriğini büyük harfe dönüştürür ve sonucu o düğümün uppercase özelliğinde saklar.
    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);
      });
  2. firebase emulators:start ile Local Emulator Suite'i başlatın. Bulut İşlevleri ve veritabanı öykünücüleri başlatılır ve birlikte çalışacak şekilde otomatik olarak yapılandırılır.
  3. Kullanıcı arayüzünü tarayıcınızda http://localhost:4000 görüntüleyin. 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 görselim
  4. Kullanıcı arabiriminde, Gerçek Zamanlı Veritabanı sekmesinde, bir messages düğümü içeren bir message1 düğümü ile bir düğüm kümesi oluşturmak için veritabanı içerik düzenleyicisi kontrollerini kullanın; bu düğüm, sırayla anahtarı original olarak ayarlanmış ve değeri test olarak ayarlanmış bir düğümü içerir. Bu, bulut işlevimizi tetikler. Kısa süre içinde TEST değerine sahip yeni bir uppercase özelliğinin göründüğünü gözlemleyin.
    Benim görselimBenim görselim
  5. Veritabanını güncellerken işlevinizin inot hatalarını çalıştırmadığını doğrulamak için Günlükler 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. Uygulamanızın davranışının doğru olduğunu doğrulamak için veritabanı sekmesini ve işlevler için Emulator Suite Kullanıcı Arayüzündeki Günlükler sekmesini kullanmaya devam edeceksiniz.

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);
EmulatorSuite.java
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")
ViewController.swift

Web version 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);
} 
rtdb_emulator_connect.js

Web version 8

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

Ö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 testi ve CI iş akışları için, exec komutuyla tek bir çağrıda öykünücüleri başlatabilir, komut dosyası testleri çalıştırabilir ve öykünücüleri kapatabilirsiniz:

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ıradaki ne?

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