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





5.00/5 (2投票s)
微软技术布道师 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 上使用免费工具进行测试。
- 扫描您的网站是否存在过时库、布局问题和可访问性问题
- 将虚拟机用于 Mac、Linux 和 Windows
- 在您自己的设备上远程测试 Microsoft Edge
- GitHub 上的编程实验室:跨浏览器测试和最佳实践
来自我们工程师和布道者的 Microsoft Edge 和 Web 平台深度技术学习
- Microsoft Edge Web Summit 2015(关于新浏览器、新支持的 Web 平台标准以及来自 JavaScript 社区的特邀演讲嘉宾的展望)
- 哇,我可以在 Mac 和 Linux 上测试 Edge 和 IE!(来自 Rey Bango)
- 在不破坏 Web 的情况下推进 JavaScript(来自 Christian Heilmann)
- 让 Web 正常工作的 Edge 渲染引擎(来自 Jacob Rossi)
- 使用 WebGL 释放 3D 渲染(来自 David Catuhe,包括 vorlon.JS 和 babylonJS 项目)
- 托管 Web 应用和 Web 平台创新(来自 Kevin Hill 和 Kiril Seksenov,包括 manifold.JS 项目)
更多免费的跨平台工具和网络平台资源
- 适用于 Linux、MacOS 和 Windows 的 Visual Studio Code
- 使用 node.JS 编码 以及 Azure 免费试用