在SharePoint Online中构建应用程序

时间:2017-07-25 18:33:38

标签: sharepoint sharepoint-2013 web-parts

我有一个客户希望他的团队成员能够更轻松地在他们的网站上构建/更新页面,他们的网站通过大量JavaScript进行了大量定制。问题在于,当团队成员想要向页面添加新部分时,他们会向开发人员咨询所需功能的硬编码。因此,我们决定创建这些功能的可自定义Web部件,使网站更易于自助服务。

当我第一次开始时,我发现一些文档说使用可视工作室使用沙盒代码构建Web部件,将其上传到网站,然后他们只需要激活它以在网站上部署它。在我看来,Buuut不知道基于代码的沙箱解决方案在Sharepoint中不再受支持,因此无法部署我们构建的Web部件。然后告诉我,我需要将其构建为加载项,但是当我开始构建加载项时,我发现可自定义的字段属性(即更改背景颜色,文本样式/颜色和横幅颜色的能力)想要不能作为加载项实现。

所以现在我回到了第一个方向,我不知道是否有可能将Web部件构建为加载项,或者我是否需要采用不同的路径?

您可以提供的任何想法或链接都非常感谢!

由于 捷列克

1 个答案:

答案 0 :(得分:0)

在SharePoint 2016中,事物已经从传统模型中发生了很大变化,传统模型是构建Web部件的经典方式。你之前的工作方式被称为" classic",新的方式被称为"现代",以及获得你的开发环境的方法如下(支持你自己,这是一个很长的答案):

1)在SP2016 / Online中,您需要使用以下环境配置您的开发机器,安装以下内容:

  • NodeJS长期支持版
  • Yeoman(将用于创建Web部件)
  • GULP(将扮演虚拟网络服务器的角色)

    一旦安装了上述三个组件,您将安装Yeoman SharePoint Generator来创建SharePoint Web部件,Yeoman通过提供可随时使用的模板并使所有配置标准化来简化创建过程的过程,您会爱上这个人!

    要配置您的机器,请参阅以下链接: https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment

2)在SP2016 / SP Online中,您将针对SPFx(SharePoint Framework)进行开发,Microsoft已通过在GitHub,YouTube上发布培训和教育资料,努力应对这些变化并帮助开发人员开始这一新的旅程。并在其官方网站上(我将在下面添加链接),但为了帮助您,请按照本教程,它帮助我学习如何为SP 2016 /在线开发现代Web部件:

https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/build-a-hello-world-web-part

3)从上面的教程中,您将获得一个可以部署到SP2016 / Online的功能齐全的现代Web部件,您将看到新的现代体系结构可以让您体验到沙盒的旧体验" Web部件以更快的方式没有,从而解决了在实时生产环境中不断更新/重构组件的问题。这种方式现在允许您不断更新代码并实时查看结果,您可以通过调用:https://localhost:4321/temp/workbench.html并在SP环境中同时查看开发环境中的结果。例如:http://portal.company.com/_layouts/workbench.aspx

链接:

YouTube" SharePoint Framework教程" - 这是一步一步的教程视频,展示了创建Web部件的整个过程:

https://www.youtube.com/playlist?list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq

GitHub存储库,包含SPFx和PnP的完整文档,示例和附加内容(这是另一个故事):

https://github.com/SharePoint

我希望它可以帮到你!