轻松分享您的 Web 项目

本文将介绍如何将你的 localhost 共享为任何人都可以访问的链接。我们将使用ngrok来实现这一点。

作为一名Web 开发者，无论你正在做什么，都必须以链接的形式分享给其他人访问。无论你是前端开发者还是后端开发者，是MERN Stack开发者还是LAMP Stack开发者，我都相信你了解https://localhost/的重要性。

如果我告诉您，只需几个简单的步骤即可与其他人共享本地主机上的工作，您会怎么想？🤯

有几种方法可以将项目以可共享链接的形式部署到服务器上。
但这种方法的问题在于，你必须……

• 提交您的代码并将其推送到外部服务器，然后任何人都可以看到您的进度。
• 如果您的组织遵循 DevOps Pipelines，您的同事将只能在下一个版本准备好后测试您的代码。（假设存在“它在我的机器上运行正常”的情况）
• 作为#CodeNewbie，这个过程更加累人，因为你必须了解有关 git、GitHub、Heroku、AWS 等的所有知识。

所有这些问题的答案都是在无需提交代码并将其推送到外部服务器的情况下共享你的工作。这可以通过使用ngrok在互联网上建立本地主机隧道来实现。

Ngrok通过安全隧道将 NAT 和防火墙后面的本地服务器暴露给公共互联网。

> 让我们开始吧

• 从这里下载
• 解压下载的文件夹
• 运行ngrok.exe

• 登录您的帐户并前往Dashboard

• 在.exe文件中命令
  
  ./ngrok authtoken Your_Authentication_Key
  

• 
  
  ./ngrok http 3000
  
  如果您的项目托管在http://localhost:3000/上，请启动它

• 终端现在看起来应该是这样的-
  

• 您看到的这个链接可以与其他人共享，以查看您的作品。

因此，任何人都可以访问此链接，并且只要您在计算机上运行该程序，该链接就会起作用。

> 为什么要使用ngrok？

它们有非常好的文档，易于使用，并且有很多用途，可以帮助您完成您可能从事的许多项目。

> 使用案例

我做过 Web 前端和后端开发人员。目前我从事 DevOps 工作。这是我见过的一个重大缺陷。
总有人说“它在我的机器上可以正常工作 ¯_(ツ)_/¯”。没错，DevOps 在很大程度上解决了这个问题，但对于一些小改动，触发 CI/CD 流水线对我来说似乎是一种资源浪费。

以下是一些我认为很有帮助的场景：

• 前端开发人员希望在开展工作之前向客户/经理展示他们的工作。
• 参加 Hackathon 的学生可以轻松使用它来分享他们的项目。并非所有学生都有信用卡来注册 AWS 或类似的云服务。
• 后端开发人员拥有一台带有本地数据库的服务器。他们使用它来确保前端团队能够正确地使用数据。（工作中就是这样做的！）
• SSH 连接到 Raspberry Pi
• 测试并构建 Web 钩子集成
• 带有 web-sockets 的应用程序，必须在至少两端运行才能进行测试。

> 结论

这种方法似乎是一个很好的桥梁，可以帮助前端和后端开发人员。
它的安全性和隐私问题可能存在疑问。是的，这些都是值得关注的点。但该平台仍在建设中。目前有许多测试版功能和一些付费服务。

总的来说，这是一种在互联网上部署您的工作的简单而简短的替代方法。