<iframe>タグを使用せずにiframeにチャットアプリケーションをロードするにはどうすればよいですか？私はMicrosoftのボットFrameworkのウェブチャットを使用してマルチテナントチャットボットアプリケーションを作成しようとしていますので、私は私のクライアントは、私がこのようなアプリケーションのための標準であると考え、この種のコードを含める

Question

：

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

今、私の質問は何ですかjavascriptまたはjqueryコードは、私のアプリケーションがクライアントのチャットボックスにロードされるように、上記のCDNに書き込まれる必要があります。

私はNode.jsをアプリケーションのバックエンドに使用しています。

Answer 1

あなたのご要望を詳しくお知りになりたい場合は、詳細をご希望の場合は、自分自身を実装する必要があります。

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); 
     } 
} 

し、HTMLスクリプト内：

<script> 

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