65.9K
CodeProject 正在变化。 阅读更多。
Home

如何部署具有身份验证的在线 Vorlon.js 服务器

starIconstarIconstarIconstarIconstarIcon

5.00/5 (2投票s)

2015年10月23日

CPOL

6分钟阅读

viewsIcon

11071

微软技术布道师 Etienne Margraff 解释了为什么 Vorlon.js 团队实现了身份验证,以及如何激活它来保护可公开访问的仪表板。

当微软的工程师和技术布道师团队着手创建 Vorlon.js——一个开源、可扩展、与平台无关的远程调试和测试 JavaScript 的工具时,我们希望它尽可能简单。这是我们的主要关注点,我们的理念。这就是为什么您只需要运行 npm install –g vorlon 即可获得 Vorlon 服务器,并且只需要在您的客户端中添加 **一** 行代码即可将其连接到 Vorlon 仪表板。这就是为什么在早期版本中我们没有实现任何形式的 **身份验证**。

在本文中,我将向您解释为什么我们添加了身份验证以及如何激活它。

如果您从未使用过 Vorlon.js,请阅读本文,了解我们为什么创建 Vorlon.js 以及如何使用它来远程调试您的 JavaScript。

为什么我们实现了身份验证

当我们第一次在公开场合进行演示时,我们将自己的 Vorlon 服务器实例发布到了 Microsoft Azure 网站上。当时我们还没有为仪表板指定登录名和密码的方法。

这曾导致了一个巨大的失败 :)

台下有人复制了我屏幕上显示的 URL,并从他的电脑上访问了仪表板。这干扰了我电脑上显示的仪表板,彻底搞砸了我们的演示。 **太棒了!\o/**

基于这次失败,我们决定实现一个简单的身份验证。这显然对我们的演示有帮助,但如果您想发布一个可公开访问的仪表板版本,它对您也有帮助。

如何轻松地在线部署 Vorlon.js?

Vorlon 非常容易安装。您只需要在您的机器上安装 Node.js 包管理器 (npm),然后运行正确的命令行即可。一切都可以在 npm 平台上找到,您可以通过在命令行中键入 vorlon 来启动您的实例。

从那里,您需要使您的服务器可以通过互联网访问并打开正确的 TCP 端口等。这可能有点复杂。如果您不想自己管理,可以在我们的 Github 仓库 中使用我们为您添加的功能。

在仓库底部,在自述文件部分,您会找到一个 部署到 Azure 按钮。

点击此按钮后,我们将自动引导您完成一个 3 步流程,该流程将

  • 在您的 Azure 订阅上创建一个 Azure 网站*
  • 将最新版本的 Vorlon 部署到该网站上

*如果您还没有 Azure 订阅,并且想获取一个(有免费选项),请参阅本文末尾的“更多信息”部分。

所有这些都是 **自动完成** 的。您可以在此处观看一个快速视频。

如何激活身份验证

**请注意:** 目前,身份验证仅在 GitHub 仓库的 development-0.0.16 分支上可用。要获取它,您需要从该分支部署代码(手动部署到您想要的任何位置,或使用 Azure 部署)。它将在我们应于九月底发布的 0.0.16 版本的 npm 包中提供。

我们使用 passport.js 实现了身份验证。我们选择激活一个简单的模式,允许您指定用户名和密码。目前,您只能指定一个账户。以后我们可能会实现一个更复杂的版本(包括 **Twitter** 和 **Facebook** 身份验证以及多个账户管理)。

您可以通过向 config.json 文件添加 3 个值来激活 Vorlon.js 仪表板的基本身份验证

该文件位于您的 Vorlon.js 部署文件夹的 /server 文件夹中(如果您使用 npm 进行部署,则位于 node_modules 文件夹中)。

重启您的 Vorlon 实例,然后 **砰**,您现在将被提示输入用户名和密码。

很简单,对吧?:)

如何在 Azure 上部署的 Vorlon.js 中更改 config.json 文件

如果您选择将 Vorlon 部署到 Azure 订阅,您可以使用 Visual Studio Online Monaco 访问托管在 Azure Web 应用上的文件。这是一个免费工具,可在 Azure 仪表板中通过您的 Web 应用的 配置 部分进行操作。

然后,您可以在您的 Web 应用仪表板页面上访问 在 Visual Studio Online 中编辑 按钮。

导航到 config.json 文件并编辑它以激活身份验证(也可以添加/删除插件!)。

注意:不要忘记重启服务以使更改生效。.

我想使用 Azure Web 应用,但还没有账户,我有什么选择?

您可以在 http://azure.microsoft.com/ 创建一个账户。这将使您能够创建免费的 Azure Web 应用。另一种测试方法是获取一个 免费 Azure 试用版—您将获得一个免信用卡账户,可以试用 Azure 一个月。

最后,如果您是一家初创公司或其他符合要求的企业,您可以创建一个 BizSpark 账户。这将为您提供三年的免费 Azure 云服务。

如果您 **确实** 想在其他地方托管 Vorlon,那也没问题,它会以同样的方式工作 :)

如果您对本文或 Vorlon.js 有任何疑问,请随时在 Twitter 上联系我:http://twitter.com/meulta

更多关于 JavaScript 的实践

本文是微软技术布道师关于实用 JavaScript 学习、开源项目和互操作性最佳实践的网络开发系列文章的一部分,包括 Microsoft Edge 浏览器和新的 EdgeHTML 渲染引擎

我们鼓励您在各种浏览器和设备上进行测试,包括 Windows 10 的默认浏览器 Microsoft Edge,可以在 dev.modern.IE 上使用免费工具进行测试。

来自我们工程师和布道者的 Microsoft Edge 和 Web 平台深度技术学习

更多免费的跨平台工具和网络平台资源

© . All rights reserved.