SharePoint Server 2013開發之旅(二):使用在線的開發人員網站進行SharePoint App開發


上一篇我已經介紹了新版本的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/年的費用購買。開發人員網站是只能用於自己開發的

image

image

賬號申請之后,你會進入一個管理頁面

image

在確認所有服務的狀態都是“沒有問題”的前提下,可以點擊頂部的“構建應用”鏈接,進入專門提供的“開發人員網站”

image

這樣的話,服務端的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的一些模板

image

image

下面我演示一個最簡單的App開發和部署的過程(關於App開發的細節,典型的場景等等以后會有專門的文章介紹)

首先,創建一個新的項目

image

在接下來的窗口中輸入你申請到的Office 365開發人員網站的地址,托管類型選擇“SharePoint-host”,並且點擊Validate,此時會有一個登錄的頁面,請輸入你的賬號和密碼

image

驗證成功后,點擊“Finish” 按鈕,在Visual Studio中會得到下面這樣一個項目結構

image

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

我們先不對這個項目做任何的修改,直接部署起來看看效果如何。選中解決方案,然后在右鍵菜單中選擇“Deploy Solution”菜單,如果不出意外的話,很快就能部署成功。(這方面Visual Studio做得很到位)

然后我們回到開發人員網站,會看到一個新部署的App

image

如果我們去點擊這個App,就會打開一個新的頁面,如下圖所示

image

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

【注意】這里我們可以留意一下地址欄中的那個地址,是很特殊的格式,大家先有一個印象,下一篇我們在配置自己的App服務器的時候,有一步是跟這個地址有關系。

https://xizhangdev-ece5e3f97ecd25.sharepoint.com/SharePointAppSample/Pages/Default.aspx?SPHostUrl=https%3A%2F%2Fxizhangdev%2Esharepoint%2Ecom&SPLanguage=zh%2DCN&SPClientTag=0&SPProductNumber=16%2E0%2E2120%2E1226&SPAppWebUrl=https%3A%2F%2Fxizhangdev%2Dece5e3f97ecd25%2Esharepoint%2Ecom%2FSharePointAppSample

也就是說,所有的App,其實都是共用了一個域名 sharepoint.com。但有一個特殊的前綴(你的站點標識,一個App序列號),並且有一個特殊的后綴(App的名稱)。

 

 

第三步(可選):在開發網站中啟用Napa這個工具進行在線的開發

我們已經看到在Visual Studio中可以很方便地進行開發和部署,但如果你不想安裝這個工具,現在也有一個更加簡單的選擇。你可以直接使用開發網站中集成的一個Napa的工具進行在線的開發。

首先,在開發網站中,選擇“添加應用程序”

image

在接下來的頁面中選擇“SharePoint 應用商店”

image

請注意選擇一個語言,然后點擊“Napa” Office 365 Development Tools…”這個App

image

然后就可以添加這個App了

image

接下來我們看看如何利用Napa進行簡單的App開發和部署。(同樣的,一些技術細節並不會出現在這里,以后會有專門的文章)

我們回到開發人員網站的首頁,剛才添加的Napa開發工具會出現在導航區域中

image

點擊這個鏈接,就可以打開Napa開發的頁面

image

添加新項目

image

我們可以看到和Visual Studio中差不多的一個項目結構,以及一個在線的編輯器

image

Napa項目會默認提供對jquery的支持,而且有智能感知

image

在這里我不准備對網頁內容進行任何的修改,直接點擊左側的Run Project按鈕

image

部署成功之后,會自動打開這個App,如下圖所示

image

 

 

到這里為止,我介紹了如何結合Office 365開發人員網站進行SharePoint App開發的步驟和簡單效果。細節的功能開發后續我們再討論。下一篇將介紹如何在企業內部的SharePoint服務器配置App開發環境。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM