Freigeben über

Testen Sie den benutzerdefinierten Nachrichtenkanal

  • Artikel

Mit Omnichannel for Customer Service können Sie einen Connector implementieren, um benutzerdefinierte Nachrichten-Kanäle zu integrieren. Der vollständige Beispielcode veranschaulicht, wie Sie Ihren eigenen Konnektor erstellen können, der mit Omnichannel for Customer Service integriert werden kann, indem Sie den Direct Line-Bot verwenden.

Beispielcode zum Testen des Kanals für angepasste Nachrichten

Mit dem folgenden Beispielcode können Sie den benutzerdefinierten Nachrichten-Kanal testen, den Sie für Omnichannel for Customer Service einbinden möchten. Sie können den Beispielcode an die Anforderungen Ihrer Organisation anpassen.

<!DOCTYPE html>
<html lang="en-US">
<head>
    <title>Web Chat: Full-featured bundle</title>

    <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>

    <style>
    html, body { height: 100% }
    body {
      margin: 0;
      background-color: paleturquoise;
    }
    #webchat {
      height: 100%;
      width: 100%;
    }
  </style>
</head>
<body>
       <div id="webchat" role="main"></div>
    <script>
    (async function () {
        const res = await fetch('https://directline.botframework.com/v3/directline/conversations', 
{ method: 'POST', headers: { Authorization: 'Bearer ***************Insert Direct Line Secret here *******************' }});

      const { token } = await res.json();

      (async function () {
	window.WebChat.renderWebChat({
      directLine: window.WebChat.createDirectLine({ token }),
      styleOptions: {
        rootHeight: '100%',
        rootWidth: '50%',
		bubbleMaxWidth: 1200,               
        botAvatarInitials: 'C',                
        userAvatarInitials: 'A',  
      }
    }, document.getElementById('webchat'));
    })()
    })().catch(err => console.error(err));
   </script>
</body>
</html>

Nächste Schritte,

Wichtige Konzepte in Direct Line API 3.0

Siehe auch

Erstellen Sie Ihren eigenen angepassten Kanal mit Direct Line
Benutzerdefinierter Nachrichtenkanal konfigurieren