如何通过身份验证部署在线Vorlon.js服务器

本文是Microsoft的Web开发系列的一部分。 感谢您支持使SitePoint成为可能的合作伙伴。

当我们由Microsoft的工程师和技术推广人员组成的团队着手创建Vorlon.js (一种开源,可扩展,与平台无关的工具,用于远程调试和测试JavaScript)时,我们希望使其尽可能简单。 这是我们的主要关切,我们的魔力。 这就是为什么你只需要运行安装NPM -g vorlon获得Vorlon服务器和您只需添加一行代码在客户端将其连接到仪表板Vorlon。 这就是为什么在早期版本中我们没有实现任何身份验证的原因

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

如果您从未使用过Vorlon.js,请阅读这篇文章,以了解为什么我们制作Vorlon.js以及如何使用它。

为什么我们实施身份验证

仪表板凭据

在公开场合进行首次演示时,我们在Microsoft Azure网站上发布了自己的Vorlon服务器实例。 目前,我们无法为仪表板指定登录名和密码。

这曾经导致巨大的失败:)

公众复制了我屏幕上显示的网址,并从他的计算机访问了仪表板。 这与我计算机上显示的内容搞混了,完全弄乱了我们的演示。 好极了! \ o /

由于失败,我们决定实施简单的身份验证。 显然,这对我们的演示有所帮助,但是如果您要发布仪表板的公开版本,也可以为您提供帮助。

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

Vorlon真的很容易安装。 您需要做的就是在盒子上安装Node.js软件包管理器(npm)并运行正确的命令行。 您可以从npm平台获得所有内容,并且可以在命令行中输入vorlon来启动实例。

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

在存储库底部的“自述文件”部分,您将找到“ 部署到Azure”按钮。

自述文件部署在Azure上

单击此按钮,我们将自动为您完成一个三步过程,该过程将:

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

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

所有这些都是自动化的 您可以在此处查看有关此内容的快速视频:

如何激活认证

请注意: 目前,身份验证仅在GitHub存储库上的development-0.0.16分支中可用。 若要获取它,您需要从该分支部署代码(手动在您想要的某个位置或使用Azure部署)。 我们将在9月底发布的0.0.16版本的npm软件包中提供该版本。

我们使用password.js实现了身份验证。 我们选择激活一个简单的模式,使您可以指定登录名和密码。 目前,您只能指定一个帐户。 我们稍后可能会实现此功能的更复杂版本(包括TwitterFacebook身份验证以及多个帐户管理)。

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

基本身份验证config.json文件

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

重新启动Vorlon实例和BAM ,现在提示您输入用户名和密码。

仪表板登录屏幕

容易吧? :)

在Azure上部署后如何更改config.json文件

如果选择在Azure订阅上部署Vorlon,则可以使用Visual Studio Online Monaco访问Azure Web App上托管的文件。 这是一个免费工具,可从Azure仪表板中Web应用程序的“ 配置”部分中操作。

更改Azure Web App上的config.json文件

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

Visual Studio Online摩纳哥

导航到config.json文件并对其进行编辑以激活身份验证(或也添加/删除插件!):

控制台config.json文件

注意:不要忘记重新启动服务,以将其考虑在内。

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

您可以在http://azure.microsoft.com/上创建一个帐户。 这将使您能够创建免费的天蓝色Web应用程序。 测试它的另一种方法是获得免费的Azure试用版 -您将拥有一个无信用卡帐户来试用Azure一个月。

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

如果您真的想在其他地方托管Vorlon,也没有问题,它将以相同的方式进行工作:)

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

使用JavaScript进行更多操作

本文是Microsoft技术传播者开发的Web开发系列文章的一部分,内容涉及实用的JavaScript学习,开源项目以及互操作性最佳实践,包括Microsoft Edge浏览器和新的EdgeHTML呈现引擎

我们鼓励您使用dev.modern.IE上的免费工具跨浏览器和设备进行测试,包括Microsoft Edge(Windows 10的默认浏览器):

我们的工程师和宣传人员在Microsoft Edge和Web平台上进行了深入的技术学习:

Web平台的更多免费跨平台工具和资源:

From: https://www.sitepoint.com/deploy-online-vorlon-js-server-authentication/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值