获取我们在 Firebase 峰会上发布的所有信息,了解 Firebase 可如何帮助您加快应用开发速度并满怀信心地运行应用。了解详情

Conecte su aplicación y comience a crear prototipos

Base de

Antes de comenzar con Firebase Local Emulator Suite, asegúrese de haber creado un proyecto de Firebase, configurado su entorno de desarrollo y seleccionado e instalado los SDK de Firebase para su plataforma de acuerdo con los temas de Introducción a Firebase para su plataforma: Apple , Android o Web .

Prototipo y prueba

Local Emulator Suite contiene varios emuladores de productos, como se describe en Introducción a Firebase Local Emulator Suite . Puede crear prototipos y realizar pruebas con emuladores individuales, así como con combinaciones de emuladores, como mejor le parezca, correspondientes a los productos de Firebase que está usando en producción.

Interacción entre la base de datos de Firebase y los emuladores de funciones
Emuladores de bases de datos y funciones en la nube como parte de la suite completa de emuladores locales .

Para este tema, para presentar el flujo de trabajo de Local Emulator Suite, supongamos que está trabajando en una aplicación que usa una combinación típica de productos: una base de datos de Firebase y funciones en la nube activadas por operaciones en esa base de datos.

Después de inicializar localmente su proyecto de Firebase, el ciclo de desarrollo con Local Emulator Suite normalmente constará de tres pasos:

  1. Funciones de prototipo de forma interactiva con los emuladores y la interfaz de usuario de Emulator Suite.

  2. Si usa un emulador de base de datos o el emulador de Cloud Functions, realice un solo paso para conectar su aplicación a los emuladores.

  3. Automatice sus pruebas con los emuladores y scripts personalizados.

Inicializar localmente un proyecto de Firebase

Asegúrese de instalar la CLI o actualizar a su última versión .

curl -sL firebase.tools | bash

Si aún no lo ha hecho, inicialice el directorio de trabajo actual como un proyecto de Firebase, siguiendo las indicaciones en pantalla para especificar que está usando Cloud Functions y Cloud Firestore o Realtime Database :

firebase init

El directorio de su proyecto ahora contendrá archivos de configuración de Firebase, un archivo de definición de reglas de seguridad de Firebase para la base de datos, un directorio de functions que contiene el código de funciones de la nube y otros archivos de soporte.

Prototipar interactivamente

Local Emulator Suite está diseñado para permitirle crear rápidamente prototipos de nuevas funciones, y la interfaz de usuario integrada de Suite es una de sus herramientas de creación de prototipos más útiles. Es un poco como tener la consola Firebase ejecutándose localmente.

Con la interfaz de usuario de Emulator Suite, puede iterar el diseño de una base de datos, probar diferentes flujos de datos que involucran funciones en la nube, evaluar los cambios en las reglas de seguridad, verificar los registros para confirmar el rendimiento de sus servicios de back-end y más. Luego, si desea comenzar de nuevo, simplemente borre su base de datos y comience de nuevo con una nueva idea de diseño.

Todo está disponible cuando inicia Local Emulator Suite con:

firebase emulators:start

Para crear un prototipo de nuestra aplicación hipotética, configuremos y probemos una función básica en la nube para modificar las entradas de texto en una base de datos, y creemos y completemos esa base de datos en la interfaz de usuario de Emulator Suite para activarla.

  1. Cree una función en la nube activada por escrituras en la base de datos editando el archivo functions/index.js en el directorio de su proyecto. Reemplace el contenido del archivo existente con el siguiente fragmento. Esta función escucha los cambios en los nodos en la jerarquía de messages , convierte el contenido de la propiedad original del nodo a mayúsculas y almacena el resultado en la propiedad de uppercase de ese nodo.
  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. Inicie Local Emulator Suite con firebase emulators:start . Los emuladores de bases de datos y Cloud Functions se inician, configurados automáticamente para interoperar.
  4. Vea la interfaz de usuario en su navegador en http://localhost:4000 . El puerto 4000 es el predeterminado para la interfaz de usuario, pero verifique los mensajes de terminal generados por Firebase CLI. Tenga en cuenta el estado de los emuladores disponibles. En nuestro caso, se estarán ejecutando los emuladores Cloud Functions y Realtime Database.
    Mi imagen
  5. En la interfaz de usuario, en la pestaña Base de datos en tiempo real , use los controles del editor de contenido de la base de datos para crear un conjunto de nodos con un nodo de messages que contenga un nodo de message1 , que a su vez contenga un nodo con la clave establecida en original y el valor establecido en test . Esto activa nuestra función de nube. Observe que en breve aparece una nueva propiedad en uppercase , con valor TEST .
    Mi imagenMi imagen
  6. Verifique la pestaña Registros para confirmar que su función no se ejecutó sin errores al actualizar la base de datos.

Puede iterar fácilmente entre su código de función en la nube y las ediciones interactivas de la base de datos hasta que obtenga el flujo de datos que está buscando, sin tocar el código de acceso a la base de datos en la aplicación, recompilar y volver a ejecutar conjuntos de pruebas.

Conecta tu aplicación a los emuladores

Cuando haya hecho un buen progreso con la creación de prototipos interactivos y se haya decidido por un diseño, estará listo para agregar un código de acceso a la base de datos a su aplicación mediante el SDK adecuado. Seguirá usando la pestaña de la base de datos y, para las funciones, la pestaña Registros en la interfaz de usuario de Emulator Suite para confirmar que el comportamiento de su aplicación es correcto.

Recuerde que Local Emulator Suite es una herramienta de desarrollo local. Las escrituras en sus bases de datos de producción no activarán las funciones que está creando prototipos localmente.

Para cambiar a que su aplicación realice escrituras en la base de datos, deberá apuntar sus clases de prueba o la configuración en la aplicación al emulador de Realtime Database.

Kotlin+KTX
// 10.0.2.2 is the special IP address to connect to the 'localhost' of
// the host computer from an Android emulator.
val database = Firebase.database
database.useEmulator("10.0.2.2", 9000)
Java
// 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);
Rápido
    // In almost all cases the ns (namespace) is your project ID.
let db = Database.database(url:"http://localhost:9000?ns=YOUR_DATABASE_NAMESPACE")

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);
} 

Web version 8

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

Automatice sus pruebas con scripts personalizados

Ahora, para el último paso general del flujo de trabajo. Una vez que haya creado un prototipo de su función en la aplicación y parezca prometedora en todas sus plataformas, puede pasar a la implementación y prueba finales. Para pruebas unitarias y flujos de trabajo de CI, puede iniciar emuladores, ejecutar pruebas con secuencias de comandos y apagar emuladores en una sola llamada con el comando exec :

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

Explore emuladores individuales con más profundidad

Ahora que ha visto cómo se ve el flujo de trabajo básico del lado del cliente, puede continuar con los detalles sobre los emuladores individuales en la Suite, incluido cómo usarlos para el desarrollo de aplicaciones del lado del servidor:

¿Qué sigue?

Asegúrese de leer los temas relacionados con emuladores específicos vinculados anteriormente. Después: