> 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/sdks/sdk-web/ejemplos-de-integracion.md).

# Exemplos de integração

### Resumo da Integração

Independentemente de qual seja o ambiente ou framework, a maioria das integrações compartilha o mesmo processo.

1. Obtenção das credenciais necessárias para o uso de SDK Web.
2. Instalação do SDK Web.
3. Definição do SDK Provider.
4. (Opcional) Por se tratar de elementos personalizados, em frameworks com TypeScript é necessário definir cada componente personalizado antes de seu uso.
5. Integração de componentes e fluxo.
6. Fase de testes e validação do comportamento.

***

### Diferenças entre frameworks

Atualmente existem duas versões da biblioteca SDK Web.

* **SDK Web Web-Components**: Biblioteca baseada em componentes personalizados, integrável na maioria dos casos. Cada ambiente/framework pode ter seus requisitos de integração.
* **SDK Web React:** Versão de componentes nativos React com as mesmas funcionalidades e configurações que a biblioteca WC.
* **SDK Web Angular:** Versão de componentes nativos Angular com as mesmas funcionalidades e configurações que a biblioteca WC.

Para mais informações sobre instalação em frameworks, a seção está disponível [Frameworks e Exemplos](/docs.facephi-pt-br/sdks/sdk-web/frameworks-y-samples.md).

***

### Exemplos de programação

Facephi oferece uma ampla seleção de exemplos de programação funcionais em várias das tecnologias atuais.

Cada exemplo se baseia em uma tecnologia (ou framework) e tem uma finalidade simples e específica. Esses exemplos podem ser usados como referência ou base para uma nova implementação.

Página de exemplos de programação do SDK Web: <https://github.com/facephi/sdk-web-examples>.
