手机和电脑处于同一本地网络下，两端同时访问摄像头，修改代码项目也能实时发生变化？内网穿透(ngrok)可以做到！！

迟到的内网穿透文章分享

---

遇见的场景

自己开发项目过程中，出现这么一个场景，需要手机和电脑访问项目进行视频通话，并且电脑修改代码，手机上也能实时发生变化。出现这种需求，我第一反应：让手机和电脑处于同一网络中不就可以吗？是的，这个确实可以，但是这个需求是需要访问摄像头的权限，摄像头/位置只能在https或localhost下才能访问，所以这种方式不可以，经过各种方式查找，发现了一个新名词：内网穿透，哇好高大上啊，感觉好牛的样子，会不会很难啊？如果单独满足这个需求来讲，我觉得很简单！请看下面介绍！

---

一、内网穿透是什么？

用我自己的理解+粗话就是：可以让你的http://localhost本地网络 通过网络技术转换成https://xxxx.com的公用网络，所有人都可以访问，没有多余限制，可以访问摄像头，位置等权限

二、使用步骤

1.安装

你可以从 Ngrok 官方网站（https://ngrok.com）上下载适合你操作系统的客户端程序，然后根据官方指南进行安装，这是国外的网站。

2.配置 Authtoken

在使用 Ngrok 之前，你需要先获取一个 Authtoken，并在客户端中进行配置。Authtoken 是用于认证用户身份的凭证，可以在 Ngrok 官网上免费注册账户并获取。token长这样：2aywzhfeZsgdTwJ4s7g9HxlfjcP_1L2RcrsW6BehCvAaqUqa

3.验证 ngrok 账户

打开终端或命令提示符，导航到 ngrok 可执行文件所在的目录。运行以下命令验证你的 ngrok 账户：

./ngrok authtoken 你的token

如果直接双击ngrok.exe程序 就不需要写./ 直接写 ngrok 就行

4.启动 ngrok

在终端或命令提示符中运行以下命令启动 ngrok：

./ngrok http 你的项目端口

如果直接双击ngrok.exe程序 就不需要写./ 直接写 ngrok 就行

5.访问项目

一旦 ngrok 启动并成功连接到服务器，你将在终端或命令提示符中看到类似于以下内容的输出：

Forwarding https://randomstring.ngrok.io -> http://localhost:80
在这个例子中，randomstring.ngrok.io 是你的 ngrok 公共 URL。现在你可以在手机浏览器或其他设备上使用这个 URL 访问你的项目。

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了内网穿透和ngrok的使用，而内网穿透还提供了大量能解决我们生活中的问题，大家可以详细了解一下。