Ir para o conteúdo

Utilização do BioConnect Web - Javascript

1 - Incluir as seguintes referências dentro da tag <head> na página html

Ambiente de Demonstração

<link rel="stylesheet" href="https://d-bioconnect-biodata.estaleiro.serpro.gov.br/node_modules/@nec/liveness-flow-wc/styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.4.4/polyfill.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/zone.js/0.9.1/zone.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>

<script src="https://d-bioconnect-biodata.estaleiro.serpro.gov.br/node_modules/@nec/liveness-flow-wc/main.js"></script>
<script src="https://d-bioconnect-biodata.estaleiro.serpro.gov.br/public/js/bioconnect-min-d.js"></script>

Ambiente de Produção

<link rel="stylesheet" href="https://bioconnect-biodata.estaleiro.serpro.gov.br/node_modules/@nec/liveness-flow-wc/styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.4.4/polyfill.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/zone.js/0.9.1/zone.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>

<script src="https://bioconnect-biodata.estaleiro.serpro.gov.br/node_modules/@nec/liveness-flow-wc/main.js"></script>
<script src="https://bioconnect-biodata.estaleiro.serpro.gov.br/public/js/bioconnect-min.js"></script>

2 - Abrir um bloco javascript no html com o seguinte código:

// Passar no construtor do componente o CPF e PIN para validação
var bioconnect = new BioConnect(cpf, pin);

// Realizar chamada ao componente e recuperar resultado da validação liveness 
var resultado = bioconnect.start().then((result) => {
    // Verificar se datavalid OK (datavalid_realizado = true, exemplo do retorno descrito abaixo)
    console.log(result);
    ...

}).catch((err) => {
    // Recuperar código de erro e mensagem (exemplo do retorno descrito abaixo)
    console.log("Error:" + err);
    ...

});

Retorno

// Exemplo do JSON retornado no processo de validação bem sucedida (result)

{
    "rawResultadoHttp": {
        "datavalid_realizado": true,
        "datavalid_mensagem": {
            "codigo": <codigo>,
            "mensagem": "<mensagem>"
        }
    },
    "bloqueado": false,
    "confirmado": false,
    "avaliado": false,
    "payloadErro": ""
}

// Exemplo do JSON retornando erro (err)

{
    "codigo": "<código>",
    "mensagem": "<mensagem>"
}

Permissões

Para que o componente funcione corretamente, deve ser dado permissão de acesso a localização e uso da câmera quando solicitado.

Requisitos mínimos

Segue abaixo as versões mínimas de browser para utilização do componente.

Windows/Mac
Chrome 70+
Firefox 72+
Edge 79+
Safari 13+