Introducción

Bridge Connect facilita la integración de Bridge a tu aplicación. En cuestión de minutos podrás agregarle a tu aplicación la habilidad de que tus usuarios conecten sus cuentas bancarias.

Implementando Bridge Connect obtienes validación de credenciales, autenticación de multi-factor, y selección de cuentas bancarias.

Web

Para integrar Bridge Connect en tu aplicación web, simplemente agrega el siguiente script en tu página:

<script src="https://static.bridge.com.do/connect/bridge-connect.js"></script>

Recomendamos colocar el script al final del body de tu página web para que la carga de tu página no se vea afectada.

Luego, inicializa Bridge Connect con el ID de tu aplicación:

const bridgeConnect = BridgeConnect.init({
  applicationId: "<app_id>",
});

El ID de tu aplicación lo puedes encontrar en la sección de configuración de tu aplicación en el dashboard.

Cuando estés listo para abrir Bridge Connect, simplemente llama al método open:

bridgeConnect.open();

Eventos

Bridge Connect emite eventos que puedes escuchar para saber cuándo el usuario ha completado la conexión, o si ha cerrado Bridge Connect. Puedes escuchar estos eventos pasando funciones para onInit, onSuccess, y onExit al configurar Bridge Connect.

  • onSuccess: Se ejecuta cuando el usuario ha completado la conexión, y recibe el connectionId y metadata de la conexión creada.
  • onInit: Se ejecuta cuando Bridge Connect ha sido inicializado.
  • onExit: Se ejecuta cuando el usuario ha cerrado Bridge Connect, abandonando el flujo de conexión.

Todas las funciones son opcionales.

Ejemplo completo

<!doctype html>
<html>
  <head>
    <title>Bridge Connect</title>
  </head>
  <body>
    <h1>Bridge Connect Demo</h1>
    <!-- Botón para abrir Bridge Connect -->
    <button id="connect">Conectar cuentas</button>

    <!-- [ Contenido de tu página ] -->

    <!-- Script de Bridge Connect -->
    <script src="https://static.bridge.com.do/connect/bridge-connect.js"></script>

    <!-- Inicializar y configurar Bridge Connect -->
    <script>
      document.addEventListener("DOMContentLoaded", function () {
        var bridgeConnect = BridgeConnect.init({
          applicationId: "app_*****",
          onInit: function () {
            console.log("Bridge Connect ha sido inicializado");
          },
          onSuccess: function (connectionId, metadata) {
            console.log(
              "Conexión creada satisfactoriamente",
              connectionId,
              metadata
            );
          },
          onExit: function () {
            console.log("El usuario ha cerrado Bridge Connect");
          },
        });

        // Agregar evento al botón para abrir Bridge Connect
        document
          .getElementById("connect")
          .addEventListener("click", function () {
            bridgeConnect.open();
          });
      });
    </script>
  </body>
</html>

Otras plataformas

Si estás desarrollando una aplicación móvil, estamos trabajando en SDKs nativos para iOS y Android. Si estás interesado, contáctanos para ayudar a priorizar compatiblidad para tu caso de uso.