> ## Documentation Index > Fetch the complete documentation index at: https://docs.didit.me/llms.txt > Use this file to discover all available pages before exploring further. # SDK de vérification d'identité web : JavaScript et iframe > SDK web KYC, KYB et AML de Didit : JavaScript, iframe, redirection ou WebView. Dès $0.33 par contrôle KYC complet, $10 offerts/mois, sans contrat. > [!NOTE] > > Ces guides portent sur la vérification d'identité. Pour la connexion des utilisateurs finaux, utilisez les [guides de la plateforme d'authentification](https://docs.didit.me/fr/authentication/overview.md) ; les nouveaux packages d'authentification dépendent de la version publiée. Intégrez la vérification Didit à votre application web. Nous proposons sept méthodes d'intégration pour s'adapter à votre architecture et à vos exigences en matière d'expérience utilisateur : choisissez celle qui correspond à votre stack. > [!NOTE] > > **Choisissez votre méthode d'intégration** : des iframes sans code en quelques minutes jusqu'au contrôle programmatique complet avec notre SDK JavaScript, ou des plugins prêts à l'emploi pour WordPress, Shopify et Salesforce. *** ## Méthodes d'intégration | Méthode | Durée de configuration | Backend ? | Idéal pour | | - | - | - | - | | [SDK JavaScript](https://docs.didit.me/fr/integration/web-sdks/javascript-sdk.md) | 3 minutes | Facultatif | Contrôle total : React/Vue/Angular/Next.js/Nuxt/Svelte/JS natif | | [InContext (Iframe)](https://docs.didit.me/fr/integration/web-sdks/incontext-iframe.md) | \< 1 minute | Facultatif | Expérience intégrée sans redirection | | [Redirection](https://docs.didit.me/fr/integration/web-sdks/web-redirect.md) | 5 minutes | Oui | Compatibilité maximale, parcours multi-appareils | | [WebView (iOS/Android)](https://docs.didit.me/fr/integration/web-sdks/webview-in-ios-android.md) | 15 minutes | Oui | Solution de repli mobile lorsqu'aucun SDK natif est disponible | | [WordPress + WooCommerce](https://docs.didit.me/fr/integration/web-sdks/wordpress-woocommerce.md) | 5 minutes | Non, sans code | Sites WordPress, boutiques WooCommerce | | [Shopify](https://docs.didit.me/fr/integration/web-sdks/shopify.md) | 5 minutes | Non, sans code | Boutiques Shopify : vérification au paiement ou du compte | | [Salesforce](https://docs.didit.me/fr/integration/web-sdks/salesforce.md) | 10 minutes | Non, sans code | CRM Salesforce : vérification des fiches Contact et Lead | > [!NOTE] > > **Recommandation** : pour les applications web en production, utilisez le **SDK JavaScript** pour la meilleure expérience utilisateur et un contrôle programmatique complet. Utilisez l'**iframe InContext** pour la mise en place la plus rapide, la **Redirection** lorsqu'une vérification multi-appareils est nécessaire, et les intégrations dédiées **WordPress / Shopify / Salesforce** si vous travaillez sur ces plateformes. *** ## SDK JavaScript Le SDK JavaScript de Didit permet d'intégrer la vérification de manière programmatique, avec un contrôle total sur l'expérience utilisateur. **Fonctionnalités clés :** * Gestion des sessions et callbacks d'événements * Prise en charge de React, Vue, Angular, NextJS, Nuxt, Svelte et du JavaScript natif * Prise en charge complète de TypeScript * Modes modal et intégré **Démarrage rapide :** ```javascript theme={null} import { DiditSdk } from '@didit-protocol/sdk-web'; DiditSdk.shared.onComplete = (result) => { switch (result.type) { case 'completed': console.log('Verification completed!'); console.log('Session ID:', result.session?.sessionId); console.log('Status:', result.session?.status); break; case 'cancelled': console.log('User cancelled verification'); break; case 'failed': console.error('Verification failed:', result.error?.message); break; } }; // Start verification with the `url` returned by POST /v3/session/ (or your UniLink) DiditSdk.shared.startVerification({ url: 'https://verify.didit.me/session/3FaJ9wLqX2Mz' }); ``` → [**Documentation complète du SDK JavaScript**](https://docs.didit.me/fr/integration/web-sdks/javascript-sdk.md) *** ## InContext (Iframe) Intégrez le parcours de vérification directement dans votre application à l'aide d'une iframe. Une expérience fluide, sans rediriger les utilisateurs hors de votre site. **Fonctionnalités clés :** * UniLink (sans backend requis) : configuration en \< 1 minute * Session API (avec backend) : personnalisation complète * Implémentations modales et intégrées * Exemples de composants React **Démarrage rapide :** ```html theme={null} ``` → [**Documentation complète InContext**](https://docs.didit.me/fr/integration/web-sdks/incontext-iframe.md) *** ## Redirection Redirigez les utilisateurs vers la page de vérification hébergée par Didit. Une fois la vérification terminée, les utilisateurs reviennent vers votre URL de rappel. **Fonctionnalités clés :** * Compatibilité maximale avec les navigateurs * Prise en charge de la vérification multi-appareils * Intégration simple * Fonctionne lorsque l'accès à la caméra dans l'iframe pose problème **Démarrage rapide :** ```javascript theme={null} // After creating a session via your backend window.location.href = verificationUrl; ``` → [**Documentation complète de la Redirection**](https://docs.didit.me/fr/integration/web-sdks/web-redirect.md) *** ## Comparaison | Critère | SDK JavaScript | InContext (Iframe) | Redirection | | - | - | - | - | | Durée de configuration | 3 min | \< 1 min | 5 min | | Backend requis | Facultatif | Facultatif | Oui | | Reste sur votre domaine | Oui | Oui | Non | | Prise en charge multi-appareils | Oui | Oui | Oui | | Contrôle programmatique complet | Oui | Limité | Callback uniquement | | Callbacks d'événements | En temps réel | `postMessage` | Callback uniquement | | Marque blanche | Oui | Oui | Oui | | Compatibilité navigateurs | Tous | Tous | Tous | > [!NOTE] > > Les trois méthodes transmettent des résultats finaux et signés via des [webhooks](https://docs.didit.me/fr/integration/webhooks.md) : le tableau ci-dessus décrit l'expérience dans le navigateur, et non la manière dont vous recevez la décision de vérification. *** ## Configuration ### Autorisations requises pour l'iframe Pour les intégrations par iframe InContext, incluez toujours ces autorisations : ```html theme={null} allow="camera; microphone; geolocation; clipboard-write; fullscreen; autoplay; encrypted-media; digital-credentials-get" ``` *** ## Dépôts d'exemples > [card] [Exemples SDK Web](https://github.com/didit-protocol/sdk-web-examples) > > Exemples React, Vue, Angular, Next.js, Nuxt, Svelte et JavaScript natif > [card] [Exemple d'iframe](https://github.com/didit-protocol/iframe-example) > > Exemples d'iframe UniLink et de session API > [card] [Démo Next.js complète](https://github.com/didit-protocol/didit-full-demo) > > Intégration Next.js de bout en bout > [card] [Package NPM](https://www.npmjs.com/package/@didit-protocol/sdk-web) > > `@didit-protocol/sdk-web` sur npm ## Voir aussi * [Webhooks](https://docs.didit.me/fr/integration/webhooks.md) : recevez les résultats de vérification signés sur votre backend * [API de création de session](https://docs.didit.me/fr/sessions-api/create-session.md) : l'endpoint sur lequel repose chaque SDK web * [SDK natifs](https://docs.didit.me/fr/integration/native-sdks/overview.md) : iOS, Android, React Native, Flutter This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.