> 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/docs.facephi-pt-br/produtos/landing/ejemplos-de-integracion.md).

# Exemplos de integração

### Integração *Low Code* por meio do Client SDK

Implementação simples que carregará a Landing SDK relacionada na apiKey com a configuração fornecida no método `callLanding`.

Uma vez que o Fluxo seja concluído, ele enviará os dados para o endereço `calbackPath` indicada e bastará continuar ou direcionar a lógica de negócio do cliente a partir daí.

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

***

### Integração *No Code* da Landing SDK por meio de URL direta.

A equipe da Facephi fornecerá um endereço com a Landing SDK já operando e pré-configurada, o qual conduzirá automaticamente ao endereço que o usuário tenha especificado previamente.

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

<script>
// Método personalizado para navegar até o Landing SDK
function goToLanding() {
    navigate('https://facephi-landing-url.com');
}
</script>
```

***

### Integração mediante formulário embutido

A Landing SDK será chamada a partir de um formulário no qual serão inseridos os dados a enviar.

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

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

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

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

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

***

### Landing SDK por meio de requisição à API Rest

A requisição da página Landing SDK será feita a partir de uma requisição 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);
});
```

***
