在本文中，将探讨如何使用HTML5和JavaScript开发移动应用，并将其与Azure移动服务(AMS)集成。将以一个待办事项列表应用为例，演示整个过程。
要完成本教程，需要以下条件：
已经附加了一个包含移动应用完整示例代码的zip文件，但需要先设置一个Azure移动服务。请参考下面的“设置Azure移动服务”部分。
按照的说明操作，这是一个简单的过程，应该在5分钟内完成。如果没有Azure账户，可以使用页面顶部的“免费试用”链接注册3个月免费使用。
需要按照“创建新的移动服务”和“创建新的HTML应用”部分的说明操作。不需要执行“托管并运行HTML应用”部分的步骤。
完成所有这些步骤后，应该有一个zip文件，其内容看起来像图1。
不需要担心“server”文件夹，因为将很快将HTML、JavaScript代码和样式打包成应用，而不是从Web服务器提供。
记住：有一个完整的示例应用附加在这篇文章中，所以如果不想自己创建示例，可以使用它。
如果还没有安装Nomad forVisual Studio插件，请现在安装。只需双击下载的安装程序并按照说明操作。
现在打开Visual Studio并点击“文件 > 新建 > 项目”。
在“新建项目”对话框的模板列表中，选择“VS Nomad项目”，然后选择一个名称和位置，然后点击“确定”（见图2）。
现在应该有一个新的Nomad项目，其内容如图3所示。
首先需要将项目所需的JavaScript和样式导入项目中，所以从之前下载的zip文件中，将app.js文件复制到项目的scripts文件夹中。复制后，需要在Visual Studio中将其添加到项目。只需右键单击解决方案资源管理器中的scripts文件夹，然后点击“添加 > 现有项”，选择app.js，然后点击“添加”。
现在对styles.css做同样的事情，但是将其放入style文件夹而不是scripts文件夹。
现在需要更新到jQuery的较新版本，并添加AMS客户端JavaScript。首先要做的就是删除项目中已有的jQuery版本，所以继续删除jquery-1.6.4.js。
打开zip文件中的index.html文件。在底部，会发现以下脚本标签：
<script src='http://www.codeproject.com/ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js'></script>
<script src='https://yourhostnamehere.azure-mobile.net/client/MobileServices.Web-1.0.0.min.js'></script>
打开Web浏览器，导航到jQuery的URL，然后将脚本保存到项目的scripts文件夹中。对MobileServices.Web-1.0.0.0.min.js脚本做同样的事情。回到Visual Studio，按照为app.js和styles.css所做的方式将它们添加到项目中。
项目应该看起来像图4。
现在打开项目中的index.html，删除其所有内容，并用下载的zip文件中的index.html文件的内容替换它。
快完成了——只需要稍微调整项目的index.html文件，以便它拉取正确的样式表、脚本，并确保待办事项列表在运行应用时填满设备屏幕。
<link rel='stylesheet' href='style/styles.css' />