如何在新版SharePoint Web部件中添加内嵌JS/HTML代码自定义机器人

没问题，我来一步步教你怎么把这个机器人嵌入到SharePoint里，哪怕你对SharePoint不太熟也能轻松搞定：

1. 先替换代码里的关键占位符 #

你提供的代码里有几个必须替换的参数，不然机器人没法正常工作：

• YOUR_DIRECT_LINE_SECRET：换成你在Azure门户里机器人资源的Direct Line密钥（在「Channels」→「Direct Line」板块能找到）
• USER_ID：随便填一个标识用户的字符串就行，比如"sharepoint-user"
• YOUR_BOT_ID：换成你机器人的唯一ID（在Azure门户的机器人资源概述页里能查到）

替换后的示例代码如下：

<html> 
<head> 
<link href="https://cdn.botframework.com/botframework-webchat/latest/botchat.css" rel="stylesheet" /> 
</head> 
<body> 
<div id="bot"/> 
<script src="https://cdn.botframework.com/botframework-webchat/latest/botchat.js"></script> 
<script> 
BotChat.App({ 
  directLine: { secret: '你的Direct Line密钥' }, 
  user: { id: 'sharepoint-visitor' }, 
  bot: { id: '你的机器人ID' }, 
  resize: 'detect' 
}, document.getElementById("bot")); 
</script> 
</body> 
</html>

2. 在SharePoint页面添加合适的Web部件 #

打开你要嵌入机器人的SharePoint页面，点击右上角的「编辑」进入编辑模式：

• 现代页面（最新版默认）：点击页面上的「+」按钮，搜索并选择「嵌入」（Embed）Web部件；如果你的租户允许使用自定义脚本，也可以选择「脚本编辑器」（Script Editor）Web部件（部分租户默认隐藏，需要管理员开启）。
• 经典页面：直接添加「脚本编辑器」Web部件即可。

3. 粘贴修改后的代码并保存 #

• 用「嵌入」Web部件的话：点击Web部件里的「嵌入代码」选项，把完整的HTML代码粘贴进去。
• 用「脚本编辑器」Web部件的话：点击「编辑代码」按钮，粘贴代码后点击「确定」。

完成后点击页面右上角的「预览」检查机器人是否正常加载，没问题就点击「保存」完成嵌入。

小提示 #

如果用现代页面的「嵌入」Web部件后机器人不显示，大概率是SharePoint的外部内容限制导致的，可以联系管理员确认是否允许加载Bot Framework的CDN资源；或者切换到「脚本编辑器」Web部件试试。

内容的提问来源于stack exchange，提问作者Soufien Hajji