Ngrok教程-别人能访问自己的本地项目(免费+快速部署)

首先看一下我的项目地址栏:localhost也可以是(127.0.0.1)代表都是本地 8080端口,项目名是case
在这里插入图片描述
Ngrok上面的免费服务器会给我们生成一个http://自定义.free.idcfengye.com的一个网址,别人访问上面的地址就可以进入到我的项目

第一步:到Ngrok的官网注册一个账号:点我跳转到Ngrok官网
在这里插入图片描述
第二步:登录进去之后点击“隧道管理-开通隧道-立即购买”

这些服务器可以自定义域名但是要花钱,免费的在最后面(不能自定义)鼠标滑轮一直往下滑就能瞅见下图这个服务器。
在这里插入图片描述
第三步:点进去之后将下图中的选项填了即可(隧道名和前置域名自定义随便填即可)点完“确定添加”,后跳转再点”确定开通“
在这里插入图片描述
第四步:隧道管理-客户端下载-选择自己的系统
在这里插入图片描述
在这里插入图片描述
第五步:下载到本地是一个压缩包,压缩后有两个文件,我下的是win64的点击下图的这个文件在这里插入图片描述
打开上面文件后双击下图红框的程序,会弹出来一个cmd如图所示
在这里插入图片描述
第六步:打开隧道管理将隧道的id复制到哪个cmd程序上,回车
在这里插入图片描述
回车之后如果跳到和我下图一样的界面,就是部署成功了。

点一下隧道管理里面的查看状态,是不是和图片中一样。

在这里插入图片描述
第七步:将上图中我显示的是:http://kaikai.free.idcfengye.com(这个是自定义生成的,每个人不一样你需要看你自己的)输入到浏览器地址栏

注意看,404了!可以看到地址没有输入错误啊,原因继续看下面
在这里插入图片描述
第八步:解决404

要知道咱们是将自己的端口部署到了Ngrok服务器,而不是项目!

第一种方法:我们要将自己的项目名添加到地址栏:http://自定义.free.idcfengye.com/项目名
在这里插入图片描述
第二种方法:直接将打包的项目名为空(我使用的是tomcat)
在这里插入图片描述在这里插入图片描述

如下图所示,我在手机上也可以访问这个项目了!
在这里插入图片描述

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Docker Compose 是一个工具,它允许你使用 YAML 配置文件定义并运行多个 Docker 容器作为应用的微服务架构。如果你想使用 Docker Compose 部署带有 Ngrok 的应用程序,Ngrok 是一个隧道工具,可让你在本地机器上创建一个可公开访问的 URL,以便外部用户能够访问你的容器化应用。 下面是使用 Docker Compose 部署 Ngrok 的基本步骤: 1. **安装 Docker 和 Docker Compose**:确保你的系统上已经安装了 Docker 和 Docker Compose。你可以从 Docker 官网下载并安装对应平台的版本。 2. **创建 Docker Compose 文件(docker-compose.yml)**: ```yaml version: '3' services: web: build: . # 或者你的应用目录 ports: - "8000:8000" ngrok: image: ngrok command: ["http", "-subdomain", "myapp", "8000"] environment: - NGROK_AUTH_TOKEN=your-ngrok-token ``` 这里假设你有一个名为 `web` 的服务映射到本地 8000 端口,并且 Ngrok 会监听 8000 端口,`-subdomain` 参数设置自定义域名,`NGROK_AUTH_TOKEN` 是你的 Ngrok 认证令牌,如果没有的话需要注册获取。 3. **启动服务**: 在项目根目录下运行 `docker-compose up` 命令,Docker Compose 将同时构建和启动 `web` 服务以及 Ngrok。 4. **验证 Ngrok**: 当 Ngrok 启动后,你可以访问 Ngrok 提供的 `http://localhost:4040` 来查看隧道状态。如果有成功,你应该能看到一个自定义域名,如 `https://your-subdomain.ngrok.io`,这就是你外部访问你应用的URL。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值