如何将Angular聊天机器人部署嵌入SharePoint经典站点？

1. 先打包Angular应用 #

• 确认你的聊天机器人能正常运行，执行ng build --prod生成生产环境包，打包后的文件会存放在dist/文件夹内。
• 检查打包文件，确保index.html、main.js、styles.css这些核心文件都齐全。

2. 两种嵌入方法任选其一 #

方法一：用Content Editor Web Part嵌入 #

• 把打包好的所有文件上传到SharePoint站点的文档库（比如Site Assets库），记好每个文件的SharePoint访问路径。
• 打开要嵌入机器人的页面，点击顶部的“编辑页面”按钮。
• 点击页面上的“添加Web部件”，在“媒体和内容”分类里找到“Content Editor”，添加到页面你指定的位置。
• 编辑这个Web部件，要么在“内容链接”处填写index.html的SharePoint路径，要么把index.html的源码复制粘贴到内容编辑器的源码视图中（注意把里面静态资源的路径改成SharePoint上的对应路径）。
• 保存页面，预览效果，如果样式或脚本加载失败，检查路径是否填写错误。

方法二：用Script Editor Web Part嵌入 #

• 同样先把打包文件上传到SharePoint文档库，获取资源的SharePoint访问路径。
• 编辑目标页面，添加“Script Editor” Web部件到指定区域。
• 在编辑器中插入HTML代码，引入机器人的样式和脚本文件，同时添加应用的根容器。示例代码：

<link rel="stylesheet" href="/sites/你的站点名/SiteAssets/chatbot/styles.css">
<div id="app-root"></div>
<script src="/sites/你的站点名/SiteAssets/chatbot/runtime.js"></script>
<script src="/sites/你的站点名/SiteAssets/chatbot/polyfills.js"></script>
<script src="/sites/你的站点名/SiteAssets/chatbot/main.js"></script>

• 保存Web部件和页面，测试机器人能否正常加载、正常交互。

3. 最后检查权限与兼容性 #

• 确保站点用户对上传的Angular文件有读取权限，避免出现加载失败的情况。
• 在不同浏览器（IE11及以上、Chrome、Firefox等）测试兼容性，如果你的Angular版本较新，可能需要调整polyfills来适配旧浏览器。
• 检查SharePoint的内容安全策略，如果存在加载限制，需调整站点安全设置允许加载本地脚本和样式。

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