2017-07-25 123 views
0

我有一个客户想要让他的团队成员在他们的网站上构建/更新页面的更简单的方法,他们的网站大量定制了大量的JavaScript。问题是,当一个团队成员想要在页面中添加一个新的部分时,他们已经咨询了开发人员以在所需的功能中进行硬编码。因此,我们决定创建这些功能的可自定义Web部分,使网站更加自助。在SharePoint Online中构建应用程序

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

所以,现在我回到了原来的位置,我不知道是否甚至有可能将Web部件作为加载项构建,还是需要采用不同的路线?

任何想法或链接到您可以提供的来源将深受赞赏!

感谢 捷列克

回答

0

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

1)在SP2016 /在线您将需要有以下环境中配置您的开发计算机,安装以下:

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

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

    若要配置设备请访问以下链接: https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment

2)SP2016/SP在线,您将开发SPFX(的SharePoint框架),微软已经做出显著努力解决的变化,通过在GitHub,YouTube和其官方网站(我将在下面添加链接)发布培训和教育材料,帮助开发人员踏上这一新旅程,但为了帮助您,请遵循本教程,它帮助我学习如何开发适用于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,您将看到新的现代架构可以让您体验“沙盒”没有更快的方法,从而解决了在现场生产环境中持续更新/重构组件的问题。现在,您可以通过这种方式不断更新代码并实时查看结果,您可以通过拨打:https://localhost:4321/temp/workbench.html并在SP环境中同时查看开发环境中的结果。例如:http://portal.company.com/_layouts/workbench.aspx

链接:

的YouTube “的SharePoint框架教程” - 它是一步一步的教程视频展示创建Web部件的全过程:

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

的GitHub库以及SPFx和PnP的完整文档,样本和附加内容(这是另一个时间的另一个故事):

https://github.com/SharePoint

我希望它能帮助你!

+0

谢谢!这有助于很多! – terek