在 SharePoint Online 中构建应用程序
Building an App in SharePoint Online
我有一个客户希望他的团队成员可以更轻松地访问他们网站上的 build/update 页面，他们的网站经过大量定制，有很多 JavaScript。问题在于，当团队成员想要向页面添加新部分时，他们咨询了开发人员以在所需功能中进行硬编码。因此，我们决定为这些功能创建可自定义的 Web 部件，使网站更易于自助服务。
当我第一次开始时，我发现一些文档说使用 visual studio 使用沙箱代码构建 web 部件，将其上传到网站，然后他们只需要激活它就可以将其部署到网站上。但我不知道 Sharepoint 不再支持基于代码的沙箱解决方案，因此无法部署我们构建的 Web 部件。然后我被告知我需要将其构建为加载项，但当我开始构建加载项时，我发现可自定义的字段属性（即更改背景颜色、文本 style/color 和横幅颜色的能力）我想要的不能作为加载项实现。
所以现在我回到了第一个广场，我不知道是否可以将 Web 部件构建为加载项，或者我是否需要走不同的路线？
如果您能提供任何想法或资源链接，我们将不胜感激！
谢谢
泰瑞克
在 SharePoint 2016 中，与构建 Web 部件的经典方式的传统模型相比，情况发生了很大变化。您之前的工作方式称为 "classic"，新方式称为 "modern"，获取开发环境的方式如下（振作起来，这是一个很长的答案）：
1) 在 SP2016/Online 中，您需要使用以下环境配置您的开发机器，安装以下内容：
- NodeJS 长期支持版本
- Yeoman（将用于创建 Web 部件）
GULP（将起到虚拟网络服务器的作用）
安装完上述三个组件后，您将安装 Yeoman SharePoint 生成器来创建 SharePoint Web 部件，Yeoman 通过提供随时可用的模板并使所有配置成为标准来简化创建过程，您会喜欢的这家伙！
要配置您的机器，请参阅以下内容link：
https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment
2) 在 SP2016/SP Online 中，您将针对 SPFx (SharePoint Framework) 进行开发，Microsoft 已做出重大努力来解决这些变化并通过发布培训和教育帮助开发人员踏上这一新旅程 material at GitHub, YouTube, 以及它的官方网站（我将在下面添加 link），但为了帮助你，请按照本教程学习，它帮助我学习如何开发SP 2016/Online 的现代 Web 部件：
https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/build-a-hello-world-web-part
3) 从上面的教程中，您将获得一个功能齐全的现代 Web 部件，可以将其部署到 SP2016/Online，您将看到新的现代架构让您拥有 "sandboxing" 的旧体验web 部件以更快的方式没有，从而解决了实时生产环境中常量 updating/refactoring 组件的问题。这种方式现在允许您不断更新代码并实时查看结果，您将能够通过调用以下命令在您的开发环境中查看结果：https://localhost:4321/temp/workbench.html and at same time on your SP environment. for example: http://portal.company.com/_layouts/workbench.aspx
链接：
YouTube "SharePoint Framework Tutorials" - 这是展示创建 Web 部件的整个过程的分步教程视频：
https://www.youtube.com/playlist?list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq
GitHub 存储库，包含 SPFx 和 PnP 的完整文档、示例和附加功能（这是另一个故事）：
希望对你有帮助！
我有一个客户希望他的团队成员可以更轻松地访问他们网站上的 build/update 页面，他们的网站经过大量定制，有很多 JavaScript。问题在于，当团队成员想要向页面添加新部分时，他们咨询了开发人员以在所需功能中进行硬编码。因此，我们决定为这些功能创建可自定义的 Web 部件，使网站更易于自助服务。
当我第一次开始时，我发现一些文档说使用 visual studio 使用沙箱代码构建 web 部件，将其上传到网站，然后他们只需要激活它就可以将其部署到网站上。但我不知道 Sharepoint 不再支持基于代码的沙箱解决方案，因此无法部署我们构建的 Web 部件。然后我被告知我需要将其构建为加载项，但当我开始构建加载项时，我发现可自定义的字段属性（即更改背景颜色、文本 style/color 和横幅颜色的能力）我想要的不能作为加载项实现。
所以现在我回到了第一个广场，我不知道是否可以将 Web 部件构建为加载项，或者我是否需要走不同的路线？
如果您能提供任何想法或资源链接，我们将不胜感激！
谢谢 泰瑞克
在 SharePoint 2016 中，与构建 Web 部件的经典方式的传统模型相比，情况发生了很大变化。您之前的工作方式称为 "classic"，新方式称为 "modern"，获取开发环境的方式如下（振作起来，这是一个很长的答案）：
1) 在 SP2016/Online 中，您需要使用以下环境配置您的开发机器，安装以下内容：
- NodeJS 长期支持版本
- Yeoman（将用于创建 Web 部件）
GULP（将起到虚拟网络服务器的作用）
安装完上述三个组件后，您将安装 Yeoman SharePoint 生成器来创建 SharePoint Web 部件，Yeoman 通过提供随时可用的模板并使所有配置成为标准来简化创建过程，您会喜欢的这家伙！
要配置您的机器，请参阅以下内容link： https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment
2) 在 SP2016/SP Online 中，您将针对 SPFx (SharePoint Framework) 进行开发，Microsoft 已做出重大努力来解决这些变化并通过发布培训和教育帮助开发人员踏上这一新旅程 material at GitHub, YouTube, 以及它的官方网站（我将在下面添加 link），但为了帮助你，请按照本教程学习，它帮助我学习如何开发SP 2016/Online 的现代 Web 部件：
https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/build-a-hello-world-web-part
3) 从上面的教程中，您将获得一个功能齐全的现代 Web 部件，可以将其部署到 SP2016/Online，您将看到新的现代架构让您拥有 "sandboxing" 的旧体验web 部件以更快的方式没有，从而解决了实时生产环境中常量 updating/refactoring 组件的问题。这种方式现在允许您不断更新代码并实时查看结果，您将能够通过调用以下命令在您的开发环境中查看结果：https://localhost:4321/temp/workbench.html and at same time on your SP environment. for example: http://portal.company.com/_layouts/workbench.aspx
链接：
YouTube "SharePoint Framework Tutorials" - 这是展示创建 Web 部件的整个过程的分步教程视频：
https://www.youtube.com/playlist?list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq
GitHub 存储库，包含 SPFx 和 PnP 的完整文档、示例和附加功能（这是另一个故事）：
希望对你有帮助！