Partager via

Tester le canal de la messagerie personnalisée

  • Article

Omnicanal pour Customer Service vous permet de mettre en place un connecteur pour intégrer des canaux de messagerie personnalisés. L’exemple de code complet illustre comment créer votre propre connecteur qui s’intègre à Omnicanal pour Customer Service en utilisant le 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 intégrer à Omnicanal 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

Voir aussi

Apporter votre propre canal de messagerie personnalisé avec Direct Line
Configurer le canal de la messagerie personnalisée