Zum Hauptinhalt springen
DokumentationWeb-Widget
Version 0.3.1Moderner Browser mit aktiviertem JavaScript

Web-Widget SDK: API-Referenz

Web-Widget: Typisierte Browser-APIs für den DobroDesk-Loader, Widget-Lebenszyklus, Darstellung, Ereignisse und Host-Aktionen.

Auf dieser Seite

Konfiguration

integrationId

Erforderlich

Die öffentliche Integrationskennung aus dem DobroDesk-Widget-Kanal.

integrationId
string

launcher

Standardwert: default

Optionen für native Navigation sowie die Darstellung des Web-Launchers oder Panels.

launcher
"default" | "hidden" = "default"

locale

Standardwert: auto

Widget-Locale für Inhalte. Web verwendet standardmäßig auto; native Widget-Bundles unterstützen derzeit en, uk, de und es.

locale
string? = "auto"

loaderUrl

Standardwert: https://widget.dobrodesk.com/widget/loader/v1.min.js

URL des versionierten Browser-Loader-Skripts. Ohne Angabe wird der von DobroDesk gehostete Loader verwendet.

loaderUrl
string?

appearance

Das gemeinsame appearance-v2-Objekt mit Farben, Typografie, Layout und Schatten innerhalb der dokumentierten Grenzen.

appearance
DobroDeskWidgetAppearance?

appearanceElement

Das gemeinsame appearance-v2-Objekt mit Farben, Typografie, Layout und Schatten innerhalb der dokumentierten Grenzen.

appearanceElement
HTMLElement?

container

Optionen für native Navigation sowie die Darstellung des Web-Launchers oder Panels.

container
HTMLElement?

identityToken

Eine Backend-Funktion für ein kurzlebiges signiertes Kunden-JWT. Das Signiergeheimnis bleibt außerhalb der App.

identityToken
string?

helpCenterHandoffToken

Aktualisiert eine kurzlebige signierte Identität oder ein Übergabetoken für das Help Center.

helpCenterHandoffToken
string?

openOnReady

Standardwert: false

Optionen für native Navigation sowie die Darstellung des Web-Launchers oder Panels.

openOnReady
boolean?

previewContext

Begrenzter JSON-Kontext für ausdrücklich registrierte Host-Aktionen.

previewContext
DobroDeskWidgetPreviewContext?

prefill

Begrenzter JSON-Kontext für ausdrücklich registrierte Host-Aktionen.

prefill
DobroDeskWidgetPrefill?

context

Begrenzter JSON-Kontext für ausdrücklich registrierte Host-Aktionen.

context
DobroDeskWidgetContext?

hostActions

Freigegebene Anwendungs-Callbacks für geführte Widget-Aktionen. Sie authentifizieren keine Netzwerkanfragen.

hostActions
Record<string, DobroDeskWidgetHostActionHandler>?

Lebenszyklus und Unterhaltung

createDobroDeskWidget

Erstellt den Client und prüft die Integrationskonfiguration.

createDobroDeskWidget
createDobroDeskWidget(options: DobroDeskWidgetOptions) -> DobroDeskWidgetClient

Parameter

options.integrationIdstringErforderlich
Die öffentliche Integrationskennung aus dem DobroDesk-Widget-Kanal.
options.loaderUrlstring?
Der API-Origin ist in der Produktion HTTPS. Native Clients erlauben HTTP auf localhost für die Entwicklung.
options.openOnReadyboolean?
Optionen für native Navigation sowie die Darstellung des Web-Launchers oder Panels.
Fehler
  • widget_context_invalid
  • widget_mount_container_invalid
  • widget_appearance_invalid

ready

Wird aufgelöst, sobald Browser-Loader und Frame-Handshake abgeschlossen sind.

ready
ready: Promise<void>

open / close / toggle

Öffnet das Widget-Panel.

open / close / toggle
open(): void; close(): void; toggle(): void

hide / show

Blendet die Widget-Darstellung aus.

hide / show
hide(): void; show(): void

logout

Beendet die Kundensitzung und optionale Funktionen.

logout
logout(): void

destroy

Zerstört das Page-Widget und gibt die aktive Instanz frei.

destroy
destroy(): void

Widget-Darstellung

setLauncherVisibility

Zeigt oder verbirgt den integrierten Launcher, ohne das Widget zu schließen.

setLauncherVisibility
setLauncherVisibility(visible: boolean): void

setLocale

Ändert die Widget-Locale.

setLocale
setLocale(locale: string): void

prefill

Setzt Kundendaten vor dem Beginn der Unterhaltung.

prefill
prefill(value: DobroDeskWidgetPrefill): void

setIdentityToken

Aktualisiert eine kurzlebige signierte Identität oder ein Übergabetoken für das Help Center.

setIdentityToken
setIdentityToken(token: string): void

setHelpCenterHandoffToken

Aktualisiert eine kurzlebige signierte Identität oder ein Übergabetoken für das Help Center.

setHelpCenterHandoffToken
setHelpCenterHandoffToken(token: string): void

setPreviewContext

Setzt den nur im Speicher gehaltenen Operator-Vorschaukontext für den Web-Loader.

setPreviewContext
setPreviewContext(context: DobroDeskWidgetPreviewContext): void

openHelp / openArticle

Öffnet die Help-Ansicht des Widgets.

openHelp / openArticle
openHelp(): void; openArticle(articleId: string): void

requestHuman

Fordert die konfigurierte Übergabe an einen Menschen an.

requestHuman
requestHuman(): void

setContext / getContext

Ersetzt den begrenzten Kontext für Host-Aktionen.

setContext / getContext
setContext(value): void; getContext(): DobroDeskWidgetContext

Darstellung und Barrierefreiheit

updateAppearance

Wendet eine validierte Laufzeitüberschreibung der Darstellung an.

updateAppearance
updateAppearance(appearance: DobroDeskWidgetAppearance): void
Fehler
  • widget_appearance_invalid

resetAppearance

Setzt die Laufzeitdarstellung auf Admin- oder bereitgestellte Werte zurück.

resetAppearance
resetAppearance(appearance?: DobroDeskWidgetAppearance): void

refreshAppearance

Liest Host-CSS-Variablen erneut ein und wendet begrenzte Werte an.

refreshAppearance
refreshAppearance(hostElement?: HTMLElement): void

getAppearance

Liefert die effektive Darstellung und die Quellen ihrer Felder.

getAppearance
getAppearance(): DobroDeskWidgetAppearanceSnapshot | null

Status, Laden und Ereignisse

getState

Liefert den aktuellen Widget-Status ohne Abonnement.

getState
getState(): DobroDeskWidgetState

DobroDeskWidgetLoadingState

Der gemeinsame Ladezustand ist idle, starting-session, loading-messages, sending-message, waiting-for-assistant, executing-action, reconnecting oder flushing-outbox.

DobroDeskWidgetLoadingState
{ active: boolean; phase: idle | initializing | loading-content | loading-session | sending-message | waiting-for-response | executing-action | reconnecting | error; operationId?; kind?; scope?; requestId?; actionId?; startedAt?; errorCode? }

DobroDeskWidgetEventType

Native und Wrapper-Ereignisse verwenden das gemeinsame Envelope für Laden, Sitzung, Snapshot, akzeptierte Nachricht, Fehler und gelöschte Sitzung.

DobroDeskWidgetEventType
opened | closed | conversationStarted | messageSent | messageReceived | formSubmitted | handoffRequested | handoffStateChanged | unreadCountChanged | actionProposed | actionConfirmed | actionCompleted | actionFailed | hostActionRequested | stateChanged | loadingChanged

onStateChange

Informiert den Host über Änderungen des Widget-Status.

onStateChange
onStateChange(listener): () => void

onLoadingChange

Informiert den Host über Lade- und Wiederverbindungsphasen.

onLoadingChange
onLoadingChange(listener): () => void

on / off

Abonniert ein Widget-Ereignis mit dem angegebenen Namen.

on / off
on(eventType, listener): () => void; off(eventType, listener): void

Fehler

DobroDeskWidgetErrorCode

Behandeln Sie stabile maschinenlesbare Codes und halten Sie Serverdiagnosen aus der Kundenoberfläche fern.

DobroDeskWidgetErrorCode
widget_ready_timeout | widget_context_invalid | widget_mount_container_invalid | widget_appearance_invalid | host_action_failed | host_action_invalid_result | host_action_timeout | widget_logged_out | widget_identity_changed | widget_destroyed