SharePoint 加载项模型中的 Web 部件

在新 SharePoint 外接程序模型中创建便携式页面组件的方法与使用完全信任代码不同。 在典型的完全信任代码 (FTC) /场解决方案方案中，创建了 Web 部件来实现可移植页面组件。

在 SharePoint 外接程序模型场景中，将创建外接程序部件（应用部件）来实施便携式页面组件。 外接程序部分使用客户端代码。

高级别准则

作为经验法则，我们希望提供有关外接程序部件的下列高级别准则。

• 不能在外接程序部件中运行服务器端代码。
• 不能为外接程序部件创建自定义编辑器部件。
• 使用外接程序脚本部件链接到用于与 SharePoint 和其他服务交互并创建一个用户界面的 JavaScript。
• 默认情况下，添加到编辑器部件的自定义属性始终显示为编辑器部件中的最终组。
  • 对于外接程序部件，可以使用 JavaScript 替代编辑器部件的外观。
  • 请参阅下面的示例演示如何做到这一点。
  • Core.AppPartPropertyUIOverride（O365 PnP 示例）

开始使用

可以使用现装的外接程序脚本部件轻松创建加载项部件。 这使你可以提供指向任何地方托管的 JavaScript 文件的链接。 JavaScript 文件使用客户端代码与 SharePoint 或其他服务进行交互并呈现用户界面。

以下文章介绍了外接程序脚本部件模式以及如何使用它。

• 为 Office365 应用模型引入应用脚本部件模式（MSDN 博客文章）

下面的示例演示如何使用外接程序脚本部件与 Yammer、必应地图和 Google 地图集成。

• Core.AppScriptPart（O365 PnP 示例）

下面的视频将引导你完成代码示例。

• Core.AppScriptPart（O365 PnP 视频）

相关链接

• 为 Office365 应用模型引入应用脚本部件模式（MSDN 博客文章）
• Core.AppScriptPart（O365 PnP 视频）
• 指南文章中 https://aka.ms/OfficeDevPnPGuidance
• MSDN 中的引用位于 https://aka.ms/OfficeDevPnPMSDN
• 视频中的 https://aka.ms/OfficeDevPnPVideos

PnP 示例

• Core.AppPartPropertyUIOverride（O365 PnP 示例）
• Core.AppScriptPart（O365 PnP 示例）
• Microsoft 365 模式和实践中的示例和内容 (PnP)

适用于

• Office 365 多租户 (MT)
• Office 365 专用 (D)
• SharePoint 2013 本地