上一篇我已經介紹了新版本的SharePoint Server提供了四種主要的開發場景,其中一個全新的App開發模型讓我們眼前一亮。這一篇我將介紹如何在線進行SharePoint App開發。
談到SharePoint開發,有些經驗的開發人員都會感慨要搭建一個開發環境並非易事,因為以前我們如果需要做這方面的開發,不僅僅需要安裝專業的開發工具(主要是指Visual Studio),而且還必須安裝SharePoint Server。結果嘛,你懂的。
現在針對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就准備好了。
第二步(可選):安裝Visual Studio 2012和有關的插件
Visual Studio一直是作為SharePoint的專業開發工具。針對SharePoint Server 2013,必須使用Visual Studio 2012專業版或者更高版本進行開發。
默認情況下,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服務器的時候,有一步是跟這個地址有關系。
也就是說,所有的App,其實都是共用了一個域名 sharepoint.com。但有一個特殊的前綴(你的站點標識,一個App序列號),並且有一個特殊的后綴(App的名稱)。
第三步(可選):在開發網站中啟用Napa這個工具進行在線的開發
我們已經看到在Visual Studio中可以很方便地進行開發和部署,但如果你不想安裝這個工具,現在也有一個更加簡單的選擇。你可以直接使用開發網站中集成的一個Napa的工具進行在線的開發。
首先,在開發網站中,選擇“添加應用程序”
在接下來的頁面中選擇“SharePoint 應用商店”
請注意選擇一個語言,然后點擊“Napa” Office 365 Development Tools…”這個App
然后就可以添加這個App了
接下來我們看看如何利用Napa進行簡單的App開發和部署。(同樣的,一些技術細節並不會出現在這里,以后會有專門的文章)
我們回到開發人員網站的首頁,剛才添加的Napa開發工具會出現在導航區域中
點擊這個鏈接,就可以打開Napa開發的頁面
添加新項目
我們可以看到和Visual Studio中差不多的一個項目結構,以及一個在線的編輯器
Napa項目會默認提供對jquery的支持,而且有智能感知
在這里我不准備對網頁內容進行任何的修改,直接點擊左側的Run Project按鈕
部署成功之后,會自動打開這個App,如下圖所示
到這里為止,我介紹了如何結合Office 365開發人員網站進行SharePoint App開發的步驟和簡單效果。細節的功能開發后續我們再討論。下一篇將介紹如何在企業內部的SharePoint服務器配置App開發環境。