Wie lädt man die Chat-Anwendung in einen iframe, ohne das <iframe>-Tag zu verwenden?

Question

Ich versuche, ein Multi Tenant Chatbot Anwendung mit Microsofts Bot Framework-Webchat zu machen, also ich möchte, dass meine Kunden diese Art von Code enthalten, die ich denke, für solche Anwendungen Standard ist:

<script src="link to the cdn" ></script> 
<script> 
    BotfuelWebChat.init({ appToken: '444107', 
    size: { width: 500, height: 600 }, 
    startOpen: false, 
    startFullScreen: false, 
     theme: { colors: { background: '#faf3db', main: '#244891', 
     primary: '#0084f4' }, layout: { compact: false, rounded: false, 
     shadowed: false, noHeader: false, noBorder: false, 
     noHelpMessage: false } } }); 
</script> 

Meine Frage ist jetzt, was javascript oder jquery code sollte in das CDN geschrieben werden, so dass meine Anwendung in die Chatbox des Clients geladen wird.

Ich verwende Node.js für Back-End der Anwendung.

Answer 1

Nur für Ihre Referenz, und für mehr Details Ihre Anforderungen, ich denke, Sie sollten sich selbst implementieren.

var BotfuelWebChat = { 
    init:(options)=>{ 
     const params = BotChat.queryParams(location.search); 
     var div = document.createElement('div'); 
     div.id='bot'; 
     div.style.width =options.size.width+"px"; 
     div.style.height =options.size.height+"px"; 
     div.style.position ="relative"; 
     document.body.appendChild(div); 

     BotChat.App({ 
       bot: {id: 'botid'}, 
       locale: params['locale'], 
       resize: 'detect', 
       user: {id:'userid'}, 
       directLine: { 
       secret: options.appSecret, 
       token: options.appToken 
       } 
      }, div); 
     } 
} 

Und in Ihrem HTML-Skript:

<script> 

    BotfuelWebChat.init({ 
     appToken:'directline secret', 
     size: { width: 500, height: 600 } 
     }) 
    </script>