Llama a funciones desde tu app


Los SDKs cliente de Cloud Functions for Firebase te permiten llamar a funciones directamente desde una app de Firebase. Para hacerlo, escribe e implementa una función de HTTP que admita llamadas en Cloud Functions y, luego, agrega lógica de cliente para llamar a la función desde tu app.

Es importante tener en cuenta que las funciones de HTTP que admiten llamadas son similares, pero no idénticas a las funciones de HTTP. Para usar funciones de HTTP que admiten llamadas, debes utilizar el SDK cliente de tu plataforma junto con la API de backend (o implementar el protocolo). Las funciones que admiten llamadas tienen esta diferencia clave respecto de las funciones de HTTP:

  • Con las funciones que admiten llamadas, los tokens de Firebase Authentication, los tokens de FCM y los tokens de App Check se incluyen en las solicitudes automáticamente cuando están disponibles.
  • El activador deserializa automáticamente el cuerpo de la solicitud y valida los tokens de autenticación.

El SDK de Firebase para Cloud Functions de 2ª gen. y versiones posteriores funciona en conjunto con estas versiones mínimas del SDK cliente de Firebase para ofrecer compatibilidad con las funciones HTTPS que admiten llamadas:

  • SDK de Firebase para plataformas de Apple 11.6.0
  • SDK de Firebase para Android 21.1.0
  • SDK de Firebase web modular 9.7.0

Si quieres agregar una funcionalidad similar a una app creada en una plataforma no compatible, consulta la especificación del protocolo de https.onCall. En el resto de esta guía, se proporcionan instrucciones para escribir, implementar y llamar a una función de HTTP que admite llamadas en las plataformas de Apple, Android, la Web, C++ y Unity.

Escribe e implementa la función que admite llamadas

Usa functions.https.onCall para crear una función HTTPS que admite llamadas. Este método recibe dos parámetros: data y context (opcional):

  // Saves a message to the Firebase Realtime Database but sanitizes the
  // text by removing swearwords.
  exports.addMessage = functions.https.onCall((data, context) => {
    // ...
  });
  

En el caso de una función que admite llamadas y guarda un mensaje de texto en Realtime Database, por ejemplo, data podría contener el texto del mensaje, mientras que los parámetros de context representan la información de autenticación del usuario:

// Message text passed from the client.
const text = request.data.text;
// Authentication / user information is automatically added to the request.
const uid = request.auth.uid;
const name = request.auth.token.name || null;
const picture = request.auth.token.picture || null;
const email = request.auth.token.email || null;

La distancia entre la ubicación de la función que admite llamadas y la ubicación del cliente que emite la llamada puede generar latencia de red. Para optimizar el rendimiento, especifica la ubicación de la función cuando corresponda. Además, asegúrate de alinear la ubicación de la función que admite llamadas con la ubicación establecida cuando inicialices el SDK en el cliente.

De manera opcional, puedes adjuntar una certificación de App Check para proteger tus recursos de backend contra los abusos, como el fraude de facturación o la suplantación de identidad (phishing). Consulta Habilita la aplicación forzosa de App Check para Cloud Functions.

Devuelve los resultados

Para devolver los datos al cliente, muestra los datos que pueden tener codificación JSON. Por ejemplo, para mostrar el resultado de una operación de suma:

// returning result.
return {
  firstNumber: firstNumber,
  secondNumber: secondNumber,
  operator: "+",
  operationResult: firstNumber + secondNumber,
};

Para mostrar los datos después de una operación asíncrona, muestra una promesa. Los datos que muestra la promesa se devuelven al cliente. Por ejemplo, podrías mostrar el texto depurado que la función que admite llamadas escribió en Realtime Database:

// Saving the new message to the Realtime Database.
const sanitizedMessage = sanitizer.sanitizeText(text); // Sanitize message.

return getDatabase().ref("/messages").push({
  text: sanitizedMessage,
  author: {uid, name, picture, email},
}).then(() => {
  logger.info("New Message written");
  // Returning the sanitized message to the client.
  return {text: sanitizedMessage};
})

Soluciona errores

Para garantizar que el cliente obtenga información útil sobre los errores, muestra los errores de una función que acepte llamadas arrojando una instancia de functions.https.HttpsError (o mostrando una promesa rechazada con ese error). El error tiene un atributo code que puede ser uno de los valores que se muestran en functions.https.HttpsError. Los errores también tienen una cadena message, que está vacía en su configuración predeterminada. También pueden tener un campo details opcional con un valor arbitrario. Si se arroja un error distinto de HttpsError desde tus funciones, el cliente recibirá un error con el mensaje INTERNAL y el código internal.

Por ejemplo, una función podría arrojar errores de autenticación y validación de datos con mensajes de error que se muestran al cliente que emite la llamada:

// Checking attribute.
if (!(typeof text === "string") || text.length === 0) {
  // Throwing an HttpsError so that the client gets the error details.
  throw new HttpsError("invalid-argument", "The function must be called " +
          "with one arguments \"text\" containing the message text to add.");
}
// Checking that the user is authenticated.
if (!request.auth) {
  // Throwing an HttpsError so that the client gets the error details.
  throw new HttpsError("failed-precondition", "The function must be " +
          "called while authenticated.");
}

Implementa la función que admite llamadas

Cuando guardas en index.js una función que admite llamadas que se completó, esta se implementa con todas las otras funciones al ejecutar firebase deploy. Para implementar solo la función que admite llamadas, usa el argumento --only para ejecutar implementaciones parciales, como se muestra a continuación:

firebase deploy --only functions:addMessage

Si ves errores de permisos cuando implementas funciones, asegúrate de que se asignen los roles de IAM adecuados al usuario que ejecuta los comandos de implementación.

Configura el entorno de desarrollo de tu cliente

Asegúrate de cumplir todos los requisitos; luego agrega las dependencias y las bibliotecas cliente necesarias a tu app.

iOS+

Sigue las instrucciones para agregar Firebase a tu app para Apple.

Usa Swift Package Manager para instalar y administrar las dependencias de Firebase.

  1. En Xcode, con tu proyecto de app abierto, navega a File > Add Packages.
  2. Cuando se te solicite, agrega el repositorio del SDK de Firebase para plataformas de Apple:
  3.   https://github.com/firebase/firebase-ios-sdk.git
  4. Elige la biblioteca de Cloud Functions.
  5. Agrega la marca -ObjC a la sección Other Linker Flags de la configuración de compilación de tu destino.
  6. Cuando termines, Xcode comenzará a resolver y descargar automáticamente tus dependencias en segundo plano.

Web

  1. Sigue las instrucciones para agregar Firebase a tu app web. Asegúrate de ejecutar el siguiente comando desde la terminal:
    npm install firebase@11.0.2 --save
  2. Solicita manualmente Firebase Core y Cloud Functions de la siguiente manera:

     import { initializeApp } from 'firebase/app';
     import { getFunctions } from 'firebase/functions';
    
     const app = initializeApp({
         projectId: '### CLOUD FUNCTIONS PROJECT ID ###',
         apiKey: '### FIREBASE API KEY ###',
         authDomain: '### FIREBASE AUTH DOMAIN ###',
       });
     const functions = getFunctions(app);

Web

  1. Sigue las instrucciones para agregar Firebase a tu app web.
  2. Agrega las bibliotecas cliente de Firebase Core y Cloud Functions a tu app:
    <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-functions.js"></script>

El SDK de Cloud Functions también está disponible como un paquete npm.

  1. Ejecuta el siguiente comando desde tu terminal:
    npm install firebase@8.10.1 --save
  2. Solicita manualmente Firebase Core y Cloud Functions de la siguiente manera:
    const firebase = require("firebase");
    // Required for side-effects
    require("firebase/functions");

Kotlin

  1. Sigue las instrucciones para agregar Firebase a tu app para Android.

  2. En el archivo Gradle del módulo (nivel de la app) (generalmente <project>/<app-module>/build.gradle.kts o <project>/<app-module>/build.gradle), agrega la dependencia de la biblioteca de Cloud Functions para Android. Te recomendamos usar Firebase Android BoM para controlar las versiones de las bibliotecas.

    dependencies {
        // Import the BoM for the Firebase platform
        implementation(platform("com.google.firebase:firebase-bom:33.7.0"))
    
        // Add the dependency for the Cloud Functions library
        // When using the BoM, you don't specify versions in Firebase library dependencies
        implementation("com.google.firebase:firebase-functions")
    }

    Cuando usas Firebase Android BoM, tu app siempre usará versiones compatibles de las bibliotecas de Firebase para Android.

    (Alternativa)  Agrega dependencias de la biblioteca de Firebase sin usar la BoM

    Si eliges no usar la Firebase BoM, debes especificar cada versión de la biblioteca de Firebase en su línea de dependencia.

    Ten en cuenta que, si usas múltiples bibliotecas de Firebase en tu app, es muy recomendable que uses la BoM para administrar las versiones de las bibliotecas para garantizar que todas las versiones sean compatibles.

    dependencies {
        // Add the dependency for the Cloud Functions library
        // When NOT using the BoM, you must specify versions in Firebase library dependencies
        implementation("com.google.firebase:firebase-functions:21.1.0")
    }
    ¿Buscas un módulo de biblioteca específico de Kotlin? A partir de octubre de 2023 (Firebase BoM 32.5.0), tanto los desarrolladores de Kotlin como los de Java pueden depender del módulo de la biblioteca principal (para obtener más información, consulta las Preguntas frecuentes sobre esta iniciativa).

Java

  1. Sigue las instrucciones para agregar Firebase a tu app para Android.

  2. En el archivo Gradle del módulo (nivel de la app) (generalmente <project>/<app-module>/build.gradle.kts o <project>/<app-module>/build.gradle), agrega la dependencia de la biblioteca de Cloud Functions para Android. Te recomendamos usar Firebase Android BoM para controlar las versiones de las bibliotecas.

    dependencies {
        // Import the BoM for the Firebase platform
        implementation(platform("com.google.firebase:firebase-bom:33.7.0"))
    
        // Add the dependency for the Cloud Functions library
        // When using the BoM, you don't specify versions in Firebase library dependencies
        implementation("com.google.firebase:firebase-functions")
    }

    Cuando usas Firebase Android BoM, tu app siempre usará versiones compatibles de las bibliotecas de Firebase para Android.

    (Alternativa)  Agrega dependencias de la biblioteca de Firebase sin usar la BoM

    Si eliges no usar la Firebase BoM, debes especificar cada versión de la biblioteca de Firebase en su línea de dependencia.

    Ten en cuenta que, si usas múltiples bibliotecas de Firebase en tu app, es muy recomendable que uses la BoM para administrar las versiones de las bibliotecas para garantizar que todas las versiones sean compatibles.

    dependencies {
        // Add the dependency for the Cloud Functions library
        // When NOT using the BoM, you must specify versions in Firebase library dependencies
        implementation("com.google.firebase:firebase-functions:21.1.0")
    }
    ¿Buscas un módulo de biblioteca específico de Kotlin? A partir de octubre de 2023 (Firebase BoM 32.5.0), tanto los desarrolladores de Kotlin como los de Java pueden depender del módulo de la biblioteca principal (para obtener más información, consulta las Preguntas frecuentes sobre esta iniciativa).

Dart

  1. Sigue las instrucciones para agregar Firebase a tu app de Flutter.

  2. Desde la raíz de tu proyecto de Flutter, ejecuta el siguiente comando para instalar el complemento:

    flutter pub add cloud_functions
    
  3. Cuando termines, vuelve a compilar tu aplicación de Flutter:

    flutter run
    
  4. Una vez instalada, puedes acceder al complemento cloud_functions si lo importas en tu código Dart:

    import 'package:cloud_functions/cloud_functions.dart';
    

C++

Para C++ con Android:

  1. Sigue las instrucciones para agregar Firebase a tu proyecto de C++.
  2. Agrega la biblioteca firebase_functions a tu archivo CMakeLists.txt.

Para C++ con plataformas de Apple:

  1. Sigue las instrucciones para agregar Firebase a tu proyecto de C++.
  2. Agrega el pod de Cloud Functions a tu Podfile:
    pod 'Firebase/Functions'
  3. Luego de guardar el archivo, ejecuta este comando:
    pod install
  4. Agrega los frameworks de Firebase Core y Cloud Functions desde el SDK de C++ Firebase a tu proyecto de Xcode.
    • firebase.framework
    • firebase_functions.framework

Unity

  1. Sigue las instrucciones para agregar Firebase a tu proyecto de Unity.
  2. Agrega FirebaseFunctions.unitypackage del SDK de Unity Firebase a tu proyecto de Unity.

Inicializa el SDK cliente

Inicializa una instancia de Cloud Functions:

Swift

lazy var functions = Functions.functions()

Objective-C

@property(strong, nonatomic) FIRFunctions *functions;
// ...
self.functions = [FIRFunctions functions];

Web

firebase.initializeApp({
  apiKey: '### FIREBASE API KEY ###',
  authDomain: '### FIREBASE AUTH DOMAIN ###',
  projectId: '### CLOUD FUNCTIONS PROJECT ID ###'
  databaseURL: 'https://### YOUR DATABASE NAME ###.firebaseio.com',
});

// Initialize Cloud Functions through Firebase
var functions = firebase.functions();

Web

const app = initializeApp({
  projectId: '### CLOUD FUNCTIONS PROJECT ID ###',
  apiKey: '### FIREBASE API KEY ###',
  authDomain: '### FIREBASE AUTH DOMAIN ###',
});
const functions = getFunctions(app);

Kotlin

private lateinit var functions: FirebaseFunctions
// ...
functions = Firebase.functions

Java

private FirebaseFunctions mFunctions;
// ...
mFunctions = FirebaseFunctions.getInstance();

Dart

final functions = FirebaseFunctions.instance;

C++

firebase::functions::Functions* functions;
// ...
functions = firebase::functions::Functions::GetInstance(app);

Unity

functions = Firebase.Functions.DefaultInstance;

Llama a la función

Swift

functions.httpsCallable("addMessage").call(["text": inputField.text]) { result, error in
  if let error = error as NSError? {
    if error.domain == FunctionsErrorDomain {
      let code = FunctionsErrorCode(rawValue: error.code)
      let message = error.localizedDescription
      let details = error.userInfo[FunctionsErrorDetailsKey]
    }
    // ...
  }
  if let data = result?.data as? [String: Any], let text = data["text"] as? String {
    self.resultField.text = text
  }
}

Objective-C

[[_functions HTTPSCallableWithName:@"addMessage"] callWithObject:@{@"text": _inputField.text}
                                                      completion:^(FIRHTTPSCallableResult * _Nullable result, NSError * _Nullable error) {
  if (error) {
    if ([error.domain isEqual:@"com.firebase.functions"]) {
      FIRFunctionsErrorCode code = error.code;
      NSString *message = error.localizedDescription;
      NSObject *details = error.userInfo[@"details"];
    }
    // ...
  }
  self->_resultField.text = result.data[@"text"];
}];

Web

var addMessage = firebase.functions().httpsCallable('addMessage');
addMessage({ text: messageText })
  .then((result) => {
    // Read result of the Cloud Function.
    var sanitizedMessage = result.data.text;
  });

Web

import { getFunctions, httpsCallable } from "firebase/functions";

const functions = getFunctions();
const addMessage = httpsCallable(functions, 'addMessage');
addMessage({ text: messageText })
  .then((result) => {
    // Read result of the Cloud Function.
    /** @type {any} */
    const data = result.data;
    const sanitizedMessage = data.text;
  });

Kotlin

private fun addMessage(text: String): Task<String> {
    // Create the arguments to the callable function.
    val data = hashMapOf(
        "text" to text,
        "push" to true,
    )

    return functions
        .getHttpsCallable("addMessage")
        .call(data)
        .continueWith { task ->
            // This continuation runs on either success or failure, but if the task
            // has failed then result will throw an Exception which will be
            // propagated down.
            val result = task.result?.data as String
            result
        }
}

Java

private Task<String> addMessage(String text) {
    // Create the arguments to the callable function.
    Map<String, Object> data = new HashMap<>();
    data.put("text", text);
    data.put("push", true);

    return mFunctions
            .getHttpsCallable("addMessage")
            .call(data)
            .continueWith(new Continuation<HttpsCallableResult, String>() {
                @Override
                public String then(@NonNull Task<HttpsCallableResult> task) throws Exception {
                    // This continuation runs on either success or failure, but if the task
                    // has failed then getResult() will throw an Exception which will be
                    // propagated down.
                    String result = (String) task.getResult().getData();
                    return result;
                }
            });
}

Dart

    final result = await FirebaseFunctions.instance.httpsCallable('addMessage').call(
      {
        "text": text,
        "push": true,
      },
    );
    _response = result.data as String;

C++

firebase::Future<firebase::functions::HttpsCallableResult> AddMessage(
    const std::string& text) {
  // Create the arguments to the callable function.
  firebase::Variant data = firebase::Variant::EmptyMap();
  data.map()["text"] = firebase::Variant(text);
  data.map()["push"] = true;

  // Call the function and add a callback for the result.
  firebase::functions::HttpsCallableReference doSomething =
      functions->GetHttpsCallable("addMessage");
  return doSomething.Call(data);
}

Unity

private Task<string> addMessage(string text) {
  // Create the arguments to the callable function.
  var data = new Dictionary<string, object>();
  data["text"] = text;
  data["push"] = true;

  // Call the function and extract the operation from the result.
  var function = functions.GetHttpsCallable("addMessage");
  return function.CallAsync(data).ContinueWith((task) => {
    return (string) task.Result.Data;
  });
}

Maneja errores en el cliente

El cliente recibe un error si el servidor arrojó un error o si se rechazó la promesa que se genera como resultado.

Si el error que muestra la función es del tipo function.https.HttpsError, el cliente recibe el code, el message y los details del error del servidor. En caso contrario, el error contiene el mensaje INTERNAL y el código INTERNAL. Obtén información para manejar errores en tu función que admite llamadas.

Swift

if let error = error as NSError? {
  if error.domain == FunctionsErrorDomain {
    let code = FunctionsErrorCode(rawValue: error.code)
    let message = error.localizedDescription
    let details = error.userInfo[FunctionsErrorDetailsKey]
  }
  // ...
}

Objective-C

if (error) {
  if ([error.domain isEqual:@"com.firebase.functions"]) {
    FIRFunctionsErrorCode code = error.code;
    NSString *message = error.localizedDescription;
    NSObject *details = error.userInfo[@"details"];
  }
  // ...
}

Web

var addMessage = firebase.functions().httpsCallable('addMessage');
addMessage({ text: messageText })
  .then((result) => {
    // Read result of the Cloud Function.
    var sanitizedMessage = result.data.text;
  })
  .catch((error) => {
    // Getting the Error details.
    var code = error.code;
    var message = error.message;
    var details = error.details;
    // ...
  });

Web

import { getFunctions, httpsCallable } from "firebase/functions";

const functions = getFunctions();
const addMessage = httpsCallable(functions, 'addMessage');
addMessage({ text: messageText })
  .then((result) => {
    // Read result of the Cloud Function.
    /** @type {any} */
    const data = result.data;
    const sanitizedMessage = data.text;
  })
  .catch((error) => {
    // Getting the Error details.
    const code = error.code;
    const message = error.message;
    const details = error.details;
    // ...
  });

Kotlin

addMessage(inputMessage)
    .addOnCompleteListener { task ->
        if (!task.isSuccessful) {
            val e = task.exception
            if (e is FirebaseFunctionsException) {
                val code = e.code
                val details = e.details
            }
        }
    }

Java

addMessage(inputMessage)
        .addOnCompleteListener(new OnCompleteListener<String>() {
            @Override
            public void onComplete(@NonNull Task<String> task) {
                if (!task.isSuccessful()) {
                    Exception e = task.getException();
                    if (e instanceof FirebaseFunctionsException) {
                        FirebaseFunctionsException ffe = (FirebaseFunctionsException) e;
                        FirebaseFunctionsException.Code code = ffe.getCode();
                        Object details = ffe.getDetails();
                    }
                }
            }
        });

Dart

try {
  final result =
      await FirebaseFunctions.instance.httpsCallable('addMessage').call();
} on FirebaseFunctionsException catch (error) {
  print(error.code);
  print(error.details);
  print(error.message);
}

C++

void OnAddMessageCallback(
    const firebase::Future<firebase::functions::HttpsCallableResult>& future) {
  if (future.error() != firebase::functions::kErrorNone) {
    // Function error code, will be kErrorInternal if the failure was not
    // handled properly in the function call.
    auto code = static_cast<firebase::functions::Error>(future.error());

    // Display the error in the UI.
    DisplayError(code, future.error_message());
    return;
  }

  const firebase::functions::HttpsCallableResult* result = future.result();
  firebase::Variant data = result->data();
  // This will assert if the result returned from the function wasn't a string.
  std::string message = data.string_value();
  // Display the result in the UI.
  DisplayResult(message);
}

// ...

// ...
  auto future = AddMessage(message);
  future.OnCompletion(OnAddMessageCallback);
  // ...

Unity

 addMessage(text).ContinueWith((task) => {
  if (task.IsFaulted) {
    foreach (var inner in task.Exception.InnerExceptions) {
      if (inner is FunctionsException) {
        var e = (FunctionsException) inner;
        // Function error code, will be INTERNAL if the failure
        // was not handled properly in the function call.
        var code = e.ErrorCode;
        var message = e.ErrorMessage;
      }
    }
  } else {
    string result = task.Result;
  }
});

Antes de lanzar tu app, debes habilitar la App Check para asegurarte de que solo tus apps puedan acceder a los extremos de las funciones que admiten llamadas.