Javascript 如何在iframe中加载聊天应用程序而不使用<;iframe>;标签?

Javascript 如何在iframe中加载聊天应用程序而不使用<;iframe>;标签?,javascript,chat,botframework,chatbot,direct-line-botframework,Javascript,Chat,Botframework,Chatbot,Direct Line Botframework,我正在尝试使用microsoft的Bot Framework webchat制作一个多租户聊天机器人应用程序,因此我希望我的客户机包含这种代码,我认为这是此类应用程序的标准代码: <script src="link to the cdn" ></script> <script> BotfuelWebChat.init({ appToken: '444107', size: { width: 500, height: 600 },

我正在尝试使用microsoft的Bot Framework webchat制作一个多租户聊天机器人应用程序,因此我希望我的客户机包含这种代码,我认为这是此类应用程序的标准代码:

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

BotfuelWebChat.init({appToken:'444107',
尺寸:{宽:500,高:600},
startOpen:错,
startFullScreen:错误,
主题:{颜色:{背景:'#faf3db',主要:'#244891',
主:'#0084f4'},布局:{紧凑:假,四舍五入:假,
阴影:false,noHeader:false,noorder:false,
noHelpMessage:false}}});
现在我的问题是,在上面包含的CDN中应该编写什么javascript或jquery代码,以便将我的应用程序加载到客户端的聊天室中


我使用Node.js作为应用程序的后端。

仅供参考,有关您的需求的更多详细信息,我认为您应该自己实现

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>

BotfuelWebChat.init({
appToken:'directline secret',
尺寸:{宽:500,高:600}
})

这真的很有帮助,我有一个问题,我想从我自己的服务器发送directline令牌和secret的详细信息,但上面的html脚本将在客户端服务器上运行,因此我无法理解chatbot将如何加载,我的意思是它将如何获得新令牌?希望我说清楚是的,您可以在服务器上生成令牌以供客户端请求。我很抱歉不理解,但我知道如何生成令牌,但我实际面临的问题是,当我从服务器生成令牌并呈现页面时,我没有提到脚本,当使用脚本调用它时,我无法获得代币因此,基本上我正在努力解决应用程序的结构问题。例如,如何同时从我的服务器生成令牌并将应用程序呈现到其他服务器。如果我听起来仍然不清楚,很抱歉。您可以在服务器中将genrating token函数作为API进行探索,在web站点客户端中,在初始化bot chat实例化之前,调用令牌的备份API,然后使用此令牌实例化bot chat。