Guide du SDK Web

Intégrez nos parcours KYC et de vérification d’identité basés sur le web et optimisés pour l’UX avec le SDK Web ComplyCube.

Vue d'ensemble

Le ComplyCube Web SDK est une bibliothèque JavaScript légère qui vous permet d’intégrer directement des parcours de vérification d’identité et de KYC dans vos applications web. Elle fournit un widget prêt à l’emploi et facile à utiliser pour capturer des documents, des selfies et des justificatifs de domicile, tout en gérant en coulisses la détection de qualité et les signaux de fraude.

Démo interactive

Unexpected error with integration arcade: Integration is not installed on this space

Étapes d'intégration

Le Web SDK peut être intégré de deux manières : via des workflows pour des parcours de vérification complets, ou avec une intégration pilotée par les contrôles pour un contrôle granulaire.

Les étapes ci-dessous montrent comment ajouter le Web SDK à votre application web.

Créer un client

Tout parcours de vérification commence par un client (c.-à-d. client). Utilisez l’API pour créer le client.

Exemple de requête

curl -X POST https://api.complycube.com/v1/clients \
     -H 'Authorization: <YOUR_API_KEY>' \
     -H 'Content-Type: application/json' \
     -d '{
          "type": "person",
          "email": "john.doe@example.com",
          "personDetails":{
               "firstName": "John",
               "lastName" :"Doe"
          }
        }'

const { ComplyCube } = require("@complycube/api");

const complycube = new ComplyCube({ apiKey: "<YOUR_API_KEY>" });

const client = await complycube.client.create({
  type: "person",
  email: "john.doe@example.com",
  personDetails: {
    firstName: "John",
    lastName: "Doe"
  }
});

from complycube import ComplyCubeClient
cc_api = ComplyCubeClient(api_key='<YOUR_API_KEY>')

new_client = {
    'type':'person',
    'email':'john.doe@example.com',
    'personDetails': {
        'firstName':'John',
        'lastName':'Doe'
    }
}

client = cc_api.clients.create(**new_client)

use ComplyCube\ComplyCubeClient;

$ccapi = new ComplyCubeClient('<YOUR_API_KEY>');

$result = $ccapi->clients()->create([
    'type' => 'person',
    'email' => 'john@doe.com',
    'personDetails' => [
        'firstName' => 'John',
        'lastName' => 'Doe'
    ]
]);

using ComplyCube.Net;
using ComplyCube.Net.Resources.Clients;

var clientApi = new ClientApi(new ComplyCubeClient("<YOUR_API_KEY>"));
var newClient = new ClientRequest {
  type = "person",
  email = "john@doe.com",
  personDetails = new PersonDetails {
    firstName = "John",
    lastName = "Doe"
  }
};

var client = await clientApi.CreateAsync(newClient);

La réponse contiendra un id (l’ID du client). Il est requis pour l’étape suivante.

Générez un jeton SDK

Les jetons permettent aux clients d’envoyer des données personnelles à ComplyCube en toute sécurité via nos SDK. Utilisez le point de terminaison de génération de jetons pour obtenir un jeton SDK et initialiser ensuite le Web SDK.

curl -X POST https://api.complycube.com/v1/tokens \
     -H 'Authorization: <YOUR_API_KEY>' \
     -H 'Content-Type: application/json' \
     -d '{
          "clientId":"CLIENT_ID",
          "referrer": "*://*/*"
        }'

const { ComplyCube } = require("@complycube/api");

const complycube = new ComplyCube({ apiKey: "<YOUR_API_KEY>" });

const token = await complycube.token.generate("CLIENT_ID", {
    referrer: "*://*/*"
});

using ComplyCube.Net;
using ComplyCube.Net.Resources.SDKTokens;

var sdkTokenApi = new SDKTokenApi(new ComplyCubeClient("<YOUR_API_KEY>"));

var sdkTokenRequest  =  { clientId = "CLIENT_ID" , 
                        referrer = "*://*/*" }

var sdkToken = await sdkTokenApi.GenerateToken(sdkTokenRequest);

Intégrer le SDK

Pour intégrer notre Web SDK, vous devez l’inclure sur votre page cible, comme indiqué ci-dessous.

<!DOCTYPE html>
<html>

  <head>
    <!-- Importation de la bibliothèque JavaScript -->
    <script src="complycube.min.js"></script>
    
    <!-- Importation du CSS par défaut -->
    <link rel="stylesheet" href="style.css" />
  </head>
  
  <script>
    var complycube = {};
    function startVerification() {
      complycube = ComplyCube.mount({
        token: "<YOUR_WEB_SDK_TOKEN>",
        onComplete: function(data) {
          console.log("Capture terminée", data)
        },
      });
    }
  </script>
  
  <body>
    <!-- C’est ici que le Web SDK sera intégré -->
    <div id="complycube-mount"></div>

    <!-- En cliquant sur le bouton, vous lancerez l’interface de vérification ComplyCube -->
    <button onClick="startVerification()">Démarrer la vérification</button>
  </body>
  
</html>

Les liens vers complycube.min.js et style.css se trouvent dans votre portail développeurs.

Étapes suivantes

Suivez le guide complet d’intégration du Web SDK pour découvrir ses fonctionnalités et de personnalisation options.