Web-SDKs für Identitätsprüfung: JS & Iframe

Diese Anleitungen behandeln die Identitätsverifizierung. Für die Anmeldung von Endbenutzern nutzen Sie die Anleitungen zur Authentifizierungsplattform; die neuen Authentifizierungspakete sind von der jeweiligen Version abhängig.

Integrieren Sie die Didit-Verifizierung in Ihre Webanwendung. Wir bieten sieben Integrationsmethoden passend zu Ihrer Architektur und Ihren Anforderungen an das Benutzererlebnis – wählen Sie die Methode, die zu Ihrem Stack passt.

Wählen Sie Ihre Integrationsmethode: Von schnellen No-Code-Iframes über die vollständige programmatische Kontrolle mit unserem JavaScript SDK bis hin zu Drop-in-Plugins für WordPress, Shopify und Salesforce.

Integrationsmethoden

Methode	Setup-Zeit	Backend?	Ideal für
JavaScript SDK	3 Minuten	Optional	Volle Kontrolle – React/Vue/Angular/Next.js/Nuxt/Svelte/Vanilla
InContext (Iframe)	< 1 Minute	Optional	Eingebettetes Erlebnis ohne Weiterleitung
Weiterleitung	5 Minuten	Ja	Maximale Kompatibilität, geräteübergreifende Abläufe
WebView (iOS/Android)	15 Minuten	Ja	Mobiler Fallback, wenn kein natives SDK verfügbar ist
WordPress + WooCommerce	5 Minuten	No-Code	WordPress-Websites, WooCommerce-Shops
Shopify	5 Minuten	No-Code	Shopify-Shops – Verifizierung beim Checkout oder für Konten
Salesforce	10 Minuten	No-Code	Salesforce CRM – Verifizierung von Kontakt-/Lead-Datensätzen

Empfehlung: Für Produktions-Webanwendungen sollten Sie das JavaScript SDK nutzen, um das beste Nutzungserlebnis und die volle programmatische Kontrolle zu erhalten. Nutzen Sie das InContext-Iframe für die schnellste Einrichtung, die Weiterleitung, wenn eine geräteübergreifende Verifizierung erforderlich ist, und die dedizierten WordPress- / Shopify- / Salesforce-Integrationen, wenn Sie auf diesen Plattformen arbeiten.

JavaScript SDK

Das Didit JavaScript SDK bietet eine programmatische Möglichkeit, die Verifizierung mit voller Kontrolle über das Benutzererlebnis zu integrieren. Hauptfunktionen:

Sitzungsverwaltung und Event-Callbacks
Unterstützung für React, Vue, Angular, NextJS, Nuxt, Svelte und Vanilla JS
Vollständige TypeScript-Unterstützung
Modal- und Inline-Modi

Schnellstart:

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

→ Vollständige Dokumentation zum JavaScript SDK

InContext (Iframe)

Binden Sie den Verifizierungs-Workflow über einen Iframe direkt in Ihre Anwendung ein. Ein nahtloses Erlebnis, ohne dass Benutzer Ihre Website verlassen müssen. Hauptfunktionen:

UniLink (kein Backend erforderlich) – Einrichtung in < 1 Minute
API-Sitzung (mit Backend) – vollständige Anpassung
Modal- und Inline-Implementierungen
React-Komponentenbeispiele

Schnellstart:

<iframe 
  src="https://verify.didit.me/u/YOUR_WORKFLOW_ID_BASE64"
  style="width: 100%; height: 700px; border: none;" 
  allow="camera; microphone; geolocation; clipboard-write; fullscreen; autoplay; encrypted-media; digital-credentials-get"
></iframe>

→ Vollständige InContext-Dokumentation

Weiterleitung

Leiten Sie Benutzer auf die von Didit gehostete Verifizierungsseite weiter. Nach Abschluss kehren die Benutzer zu Ihrer Callback-URL zurück. Hauptfunktionen:

Maximale Browser-Kompatibilität
Unterstützung für geräteübergreifende Verifizierung
Einfache Integration
Funktioniert auch dann, wenn der Kamerazugriff im Iframe problematisch ist

Schnellstart:

// After creating a session via your backend
window.location.href = verificationUrl;

→ Vollständige Weiterleitungs-Dokumentation

Vergleich

Funktion	JavaScript SDK	InContext (Iframe)	Weiterleitung
Setup-Zeit	3 Min.	< 1 Min.	5 Min.
Backend erforderlich	Optional	Optional	Ja
Bleibt auf Ihrer Domain	Ja	Ja	Nein
Geräteübergreifende Unterstützung	Ja	Ja	Ja
Volle programmatische Kontrolle	Ja	Eingeschränkt	Nur Callback
Event-Callbacks	Echtzeit	`postMessage`	Nur Callback
White-Label	Ja	Ja	Ja
Browser-Kompatibilität	Alle	Alle	Alle

Alle drei Methoden liefern die endgültigen, signierten Ergebnisse über Webhooks – der obige Vergleich beschreibt das Nutzungserlebnis im Browser, nicht den Empfang der Verifizierungsentscheidung.

Konfiguration

Erforderliche Iframe-Berechtigungen

Geben Sie bei InContext-Iframe-Integrationen immer die folgenden Berechtigungen an:

allow="camera; microphone; geolocation; clipboard-write; fullscreen; autoplay; encrypted-media; digital-credentials-get"

Beispiel-Repositories

SDK-Web-Beispiele

Beispiele für React, Vue, Angular, Next.js, Nuxt, Svelte und Vanilla JS

Iframe-Beispiel

Iframe-Beispiele für UniLink und API-Sitzungen

Vollständige Next.js-Demo

Durchgängige Next.js-Integration

NPM-Paket

@didit-protocol/sdk-web auf npm

Leitfäden

Authentifizierung

Model Context Protocol (MCP)

Web-SDKs

Native SDKs

Server-SDKs

Integrationen

Web-SDKs für Identitätsprüfung: JS & Iframe

Integrationsmethoden

JavaScript SDK

InContext (Iframe)

Weiterleitung

Vergleich

Konfiguration

Erforderliche Iframe-Berechtigungen

Beispiel-Repositories

SDK-Web-Beispiele

Iframe-Beispiel

Vollständige Next.js-Demo

NPM-Paket

Verwandte Themen

​Integrationsmethoden

​JavaScript SDK

​InContext (Iframe)

​Weiterleitung

​Vergleich

​Konfiguration

​Erforderliche Iframe-Berechtigungen

​Beispiel-Repositories

SDK-Web-Beispiele

Iframe-Beispiel

Vollständige Next.js-Demo

NPM-Paket

​Verwandte Themen

Integrationsmethoden

JavaScript SDK

InContext (Iframe)

Weiterleitung

Vergleich

Konfiguration

Erforderliche Iframe-Berechtigungen

Beispiel-Repositories

Verwandte Themen