Partage via

Tester le canal de messagerie personnalisé

Omnichannel for Customer Service vous permet d’implémenter un connecteur pour intégrer des canaux de messagerie personnalisés. L’exemple de code complet illustre la façon dont vous pouvez créer votre propre connecteur qui s’intègre à Omnichannel for Customer Service à l’aide du bot Direct Line.

Exemple de code pour tester le canal de messagerie personnalisé

Vous pouvez utiliser l’exemple de code suivant pour tester le canal de messagerie personnalisé que vous souhaitez introduire dans Omnichannel pour customer Service. Vous pouvez modifier l’exemple de code en fonction des besoins de votre organisation.

<!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>

Étapes suivantes

Concepts clés de l’API Direct Line 3.0

Apportez votre propre canal personnalisé à l’aide de Direct Line
Configurer le canal de la messagerie personnalisée

  • Last updated on