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/年的费用购买。开发人员网站是只能用于本身开发的

帐号申请以后，你会进入一个管理页面

在确认全部服务的状态都是“没有问题”的前提下，能够点击顶部的“构建应用”连接，进入专门提供的“开发人员网站”

这样的话，服务端的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服务器的时候，有一步是跟这个地址有关系。

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的工具进行在线的开发。

首先，在开发网站中，选择“添加应用程序”

在接下来的页面中选择“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开发环境。