> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/productos/landing/ejemplos-de-integracion.md).

# Ejemplos de integración

### Integración *Low Code* mediante Client SDK

Implementación sencilla que cargará la Landing SDK relacionada en la apiKey con la configuración proporcionada en el método `callLanding`.

Una vez que el flujo se de por concluido, éste mandará los datos a la dirección `calbackPath` señalada y bastará con continuar o dirigir la lógica de negocio del cliente desde ahí.

```jsx
const landingSDK = new LandingSDKClient('YOUR_APIKEY', {
  uniqueUrl: true
});

landingSDK.callLanding({
  customerId: 'customer-id@example.com',
  documentNumber: '1234567A',
  callbackPath: 'https://url-callback-example.com/api/onboarding'
});
```

***

### Integración *No Code* de Landing SDK a través de URL directa.

El equipo de Facephi proporcionará una dirección con la Landing SDK ya operativa y preconfigurada, la cuál conducirá de manera automática a la dirección que el usuario haya especificado previamente.

```jsx
<button type="button" onclick="goToLanding()">Register</button>

<script>
// Custom method to navigate to SDK Landing
function goToLanding() {
    navigate('https://facephi-landing-url.com');
}
</script>
```

***

### Integración mediante formulario embebido

La landing SDK se llamará desde un formulario en el que se introducirán los datos a mandar.

```jsx
<!DOCTYPE html>
<html>
<head>
  <title>Landing SDK integration</title>
</head>
<body>
  <form action="https://url-example-landing" method="POST">
    <label for="apiKey">Clave API:</label>
    <input type="text" name="apiKey" id="apiKey"><br>

    <label for="customerId">ID de Cliente:</label>
    <input type="text" name="customerId" id="customerId"><br>

    <label for="documentNumber">Número de Documento:</label>
    <input type="text" name="documentNumber" id="documentNumber"><br>

    <label for="callback Path">Ruta de Callback:</label>
    <input type="text" name="callbackPath" id="callbackUrl"><br>

    <input type="submit" value="Enviar">
  </form>
</body>
</html>
```

***

### Landing SDK a través de petición a API rest

La petición de la página Landing SDK se realizará desde una petición backend.

```javascript
const fetch = require('node-fetch');

const apiUrl = 'https://landing.identity-platform.io/api/landing';
const apiKey = 'YOUR_API_KEY';

const postData = {
    uniqueUrl: true,
    customerId: 'example',
    documentNumber: '1111111111S',
    time: '30'
};

fetch(apiUrl, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
        'x-api-key': apiKey
    },
    body: JSON.stringify(postData)
})
.then(response => {
    if (response.ok) {
        return response.json();
    } else {
        throw new Error('Error');
    }
})
.then(data => {
    console.log('Response:', data);
})
.catch(error => {
    console.error('Error:', error);
});
```

***
