使用 Visual Studio 将 NodeJS 应用发布到 Azure

DataBytzAI

5.00/5 (6投票s)

2017年10月24日

CPOL

6分钟阅读

14646

《为 Microsoft Azure 构建电子学习平台》系列的第一部分。

引言

作为拥有“传统”VB 或 C# ASP / .NET 背景的网络开发者，我们非常幸运地获得了微软默认提供的海量基础设施、组件、库和工具，以及由广大 .NET 社区众多慷慨成员提供的开源项目。当然，这并非意味着围绕其他技术发展的社区就不如我们一样庞大和精彩——仅仅是我个人的经验（这是*我的经验*，你可能/将会不同！）。无论如何，尽管在我们开发平台领域拥有丰富的资源，有时我们会发现跨越界限、在不同于我们习惯的环境中使用更适合的解决方案。当我寻找一个可以集成到我参与的一个大型 .NET 项目中的在线学习解决方案时，情况就是如此，我找到了最适合我需求的解决方案，但它是用 NodeJS 开发的，而不是我偏好的 C# .NET 平台。这是我一系列短文的第一篇，它将描述我在 Azure 中集成一个使用 MongoDB 开发的在线培训/在线学习平台到我运行在 Azure 上的 .NET 项目的解决方案背景。

本文将涵盖以下主题

将 NodeJS 应用发布到 Azure（本文）
在本地安装和测试在线学习平台（即将推出）
在 Azure CosmosDB 中复制 MongoDB 数据库（即将推出）
将在线学习平台上传并发布到 Azure（即将推出）

背景

云的魅力，尤其是 Azure 的魅力，在于能够在同一个虚拟空间中运行多种不同的技术，并让它们轻松连接，尽管它们具有不同的托管和环境要求。当然，我们需要配置这个东西，设置那个东西，但总的来说，这比以前容易得多！在这个项目之前，我从未需要在 Azure 上部署 NodeJS 解决方案，所以第一步是逐步进行，找出任何“陷阱”。我有两件事需要处理。我的起点是看看需要什么才能将一个简单的“hello world”风格的 Node 应用发布并运行在 Azure 上。

入门

对于这个简单的例子，我们将假设一个新项目。在 Visual Studio 中，创建一个新项目，然后选择类型 **New NodeJS project for Azure**（新 NodeJS 项目用于 Azure）。

使用 VS 2017，从菜单中选择 **File New Project**（文件新建项目）。

在 JavaScript 部分，查找 **Basic Azure Node.JS Express Application**（基本 Azure Node.JS Express 应用程序）。它看起来应该像这样

在我们开始之前，这里有一个小陷阱……由于 Visual Studio 2017 中出色的新安装工作流程（我是说真的！），如果你选择了一个基本的最小安装，NodeJS 可能没有安装。如果是这种情况，它将在你的项目模板中丢失——请注意，在下面的截图中有任何地方都找不到 NODE-JS 的提及。

要安装基本要求，你需要运行 Visual Studio 安装程序，然后从中选择 NodeJS 工具并进行安装。根据你选择的组件，这需要一些时间，所以去好好享受一杯茶吧。😊

对我们最重要的要求是 **Node.js development**（Node.js 开发）工具。

好的，经过这个小插曲，让我们回到之前的地方，创建一个新的 Node.js Express 项目。

**Express** 是一个非常流行的 Node.js Web 框架，它是一种非常轻量级的方式来显示使用 Node 的网页。这里有一个非常简单的例子

const express = require('express'
const app = express()
app.get('/', function (req, res) {
  res.send('Hello World!')
})
app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

在上面的代码中，我们声明了一个常量 ‘express’，并将其指向库 ‘express’。
然后我们创建另一个常量 ‘app’（应用程序），并将其赋值给核心的 express() 方法。现在是轻量级的魔法……使用 ‘app.get’，我们说‘当在 Node.js 中运行的 Web 应用程序使用 http GET 动词调用 Web 服务器的根 ‘/’ 时，则返回 ‘response’（响应）为 ‘Hello world’。另一行表示当应用程序启动并绑定到端口 3000 时，在控制台打印一条消息，表示它正在监听并准备好运行。非常棒！你可以在官方 Node.js express 网站上学到更多关于 Express 的知识。

你可能会遇到的另一个陷阱……如果你将默认的 ‘c:\users\..\projects’ 作为项目主文件夹，你可能会遇到与文件夹路径长度相关的错误，如下所示。最快的解决方法是简单地选择一个离驱动器根目录尽可能近的文件夹，以保持整体项目路径较短。