vue.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网站*
- 在其上部署最新版本的Vorlon
*如果您没有Azure订阅,并且想获得一个(带有免费选项),请参阅本文结尾的“更多信息”部分。
所有这些都是自动化的 。 您可以在此处查看有关此内容的快速视频:
如何激活认证
请注意: 目前,身份验证仅在GitHub存储库上的development-0.0.16分支中可用。 若要获取它,您需要从该分支部署代码(通常在您想要的位置或使用Azure部署)。 我们将在9月底发布的0.0.16版本的npm软件包中提供该版本。
我们使用password.js实现了身份验证。 我们选择激活一个简单的模式,使您可以指定登录名和密码。 目前,您只能指定一个帐户。 稍后,我们可能会实现一个更复杂的版本(包括Twitter和Facebook身份验证以及多个帐户管理)。
免费学习PHP!
全面介绍PHP和MySQL,从而实现服务器端编程的飞跃。
原价$ 11.95 您的完全免费
您可以通过在config.json
文件中添加3个值来激活Vorlon.js仪表板上的基本身份验证:
该文件位于Vorlon.js部署文件夹中的/ server文件夹中(如果使用npm进行部署,则位于node_modules文件夹中)。
重新启动Vorlon实例和BAM ,现在提示您输入用户名和密码。
容易吧? :)
在Azure上部署后如何更改config.json文件
如果选择在Azure订阅上部署Vorlon,则可以使用Visual Studio Online Monaco访问Azure Web App上托管的文件。 这是一个免费工具,可从Azure仪表板中Web应用程序的“ 配置”部分中操作。
然后,您可以访问Web应用程序仪表板页面上的“ 在Visual Studio Online中进行编辑”按钮。
导航到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的默认浏览器):
- 扫描您的站点以查找过期的库,布局问题和可访问性
- 在Mac,Linux和Windows上使用虚拟机
- 在您自己的设备上远程测试Microsoft Edge
- GitHub上的编码实验室:跨浏览器测试和最佳实践
我们的工程师和宣传人员在Microsoft Edge和Web平台上进行了深入的技术学习:
- Microsoft Edge Web Summit 2015 (新浏览器,受支持的新网络平台标准以及来自JavaScript社区的嘉宾演讲者会期待什么)
- 哇,我可以在Mac和Linux上测试Edge和IE! (来自Rey Bango)
- 在不中断网络的情况下推进JavaScript (摘自Christian Heilmann)
- 使Web正常工作的Edge渲染引擎 (来自Jacob Rossi)
- 使用WebGL释放3D渲染 (来自David Catuhe,包括vorlon.JS和babylonJS项目)
- 托管的Web应用程序和Web平台创新 (来自Kevin Hill和Kiril Seksenov,包括歧管 .JS项目)
Web平台的更多免费跨平台工具和资源:
翻译自: https://www.sitepoint.com/deploy-online-vorlon-js-server-authentication/
vue.js 身份证验证