2017-07-25 181 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