SharePoint Server 2013開發之旅（二）：使用在線的開發人員網站進行SharePoint App開發

時間 2019-11-10

標籤 sharepoint server 開發之旅使用在線開發人員網站進行 app 欄目 Java開源简体版

原文原文鏈接

上一篇我已經介紹了新版本的SharePoint Server提供了四種主要的開發場景，其中一個全新的App開發模型讓咱們眼前一亮。這一篇我將介紹如何在線進行SharePoint App開發。html

談到SharePoint開發，有些經驗的開發人員都會感慨要搭建一個開發環境並不是易事，由於之前咱們若是須要作這方面的開發，不只僅須要安裝專業的開發工具（主要是指Visual Studio），並且還必須安裝SharePoint Server。結果嘛，你懂的。jquery

如今針對App的開發，可能將改變這個情況。也就是說，若是你僅僅須要作App的開發，那麼你根本就不須要在開發環境中安裝SharePoint，你只須要安裝Visual Studio 2012以及一個小插件便可，甚至連這些都不要，徹底在線開發。服務器

下面我仍是分步驟地來講明一下這個環境如何配置吧編輯器

第一步（必須）：你須要申請Office 365開發人員帳號

既然不想本身安裝和部署完整的SharePoint環境，如今可使用微軟提供的office 365開發人員網站來進行App的開發（包括SharePoint App,也包括Office App），因此首先你必須申請一個Office 365帳號。微軟官方的文檔請參考這裏:http://msdn.microsoft.com/en-us/library/fp179924.aspx 工具

很高興地給你們介紹，微軟爲全部的開發人員都提供免費的試用版（爲期1個月），並且申請試用版沒有任何的條件，也無需提供信用卡等信息。若是想一直使用，則能夠以$99/年的費用購買。開發人員網站是隻能用於本身開發的開發工具

帳號申請以後，你會進入一個管理頁面網站

在確認全部服務的狀態都是「沒有問題」的前提下，能夠點擊頂部的「構建應用」連接，進入專門提供的「開發人員網站」插件

這樣的話，服務端的SharePoint Online就準備好了。3d

第二步（可選）：安裝Visual Studio 2012和有關的插件

Visual Studio一直是做爲SharePoint的專業開發工具。針對SharePoint Server 2013，必須使用Visual Studio 2012專業版或者更高版本進行開發。htm

默認狀況下，Visual Studio 2012在安裝的時候，並無針對SharePoint Server 2013的有關模板，而是僅僅包含SharePoint Server 2010的有關模板（僅針對解決方案開發）。你須要安裝下面這個插件，以便進行SharePoint Server 2013開發（包括App開發和傳統的解決方案開發）

http://aka.ms/OfficeDevToolsForVS2012

安裝好以後，就能夠看到有關SharePoint Server 2013的一些模板

下面我演示一個最簡單的App開發和部署的過程（關於App開發的細節，典型的場景等等之後會有專門的文章介紹）

首先，建立一個新的項目

在接下來的窗口中輸入你申請到的Office 365開發人員網站的地址，託管類型選擇「SharePoint-host」，而且點擊Validate，此時會有一個登陸的頁面，請輸入你的帳號和密碼

驗證成功後，點擊「Finish」按鈕，在Visual Studio中會獲得下面這樣一個項目結構

App開發的典型場景之一就是以頁面形式進行開發，結合了HTML5和Javascript的技術，實現與SharePoint Server和內容的交互。（具體功能之後咱們會討論）。

咱們先不對這個項目作任何的修改，直接部署起來看看效果如何。選中解決方案，而後在右鍵菜單中選擇「Deploy Solution」菜單，若是不出意外的話，很快就能部署成功。（這方面Visual Studio作得很到位）

而後咱們回到開發人員網站，會看到一個新部署的App

若是咱們去點擊這個App，就會打開一個新的頁面，以下圖所示

這樣咱們的App就運行起來了。

【注意】這裏咱們能夠留意一下地址欄中的那個地址，是很特殊的格式，你們先有一個印象，下一篇咱們在配置本身的App服務器的時候，有一步是跟這個地址有關係。