一篇ngork直接使用

ngork直接上手

前言

我们写完的网站,别人想要看,怎么可以快速的让他访问到,在同一个公司局域网内可以互相访问,而且很便捷,但是不在同一个局域网下呢,那我们就蹭下公网吧,也就是内网穿透,这里就不说原理了,原理也很简单,就是路由转发,我们还是直接上手使用吧!

介绍

官网:https://ngrok.com/

在这里插入图片描述

这里翻译下:一款内网穿透工具,然后现在比较安全的意思;

ngrok是一种可编程的网络边缘,可增加连接性,
安全性和应用程序的可观察性,无需更改代码

下载安装

进入官网,download下载:

在这里插入图片描述

这里可以选择,我这里是windows10六十四位,这里大家可能还要注册下,通过github账号或者别的,我这里注册过不出来了,大家注册下就好了,主要目的就是给你一个token:

在这里插入图片描述

点击download:,网站在美国,所以使用下载的比较慢:虽然在国外,但是对于我们临时使用,还是可以的,当然了这种工具很多,大家可以搜国内的,像花生壳,但是我还没用过,应该差不多,这里我们先学会使用这个:

这里我们就下载好了,只有一个ngrok文件:

在这里插入图片描述

快速上手使用

竟然没有说明文档,那我们就运行下这个程序,可以看到,这里提供了我们很多说明,比如你可以使用'ngrok help <command>'查看帮助文档,等等等:

E:\>ngrok.exe
NAME:
  ngrok - tunnel local ports to public URLs and inspect traffic

USAGE:
  ngrok [command] [flags]

DESCRIPTION:
  ngrok exposes local networked services behinds NATs and firewalls to the
  public internet over a secure tunnel. Share local websites, build/test
  webhook consumers and self-host personal services.
  Detailed help for each command is available with 'ngrok help <command>'.
  Open http://localhost:4040 for ngrok's web interface to inspect traffic.

Author:
  ngrok - <support@ngrok.com>

TERMS OF SERVICE: https://ngrok.com/tos

EXAMPLES:
  ngrok http 80                    # secure public URL for port 80 web server
  ngrok http --subdomain=baz 8080   # port 8080 available at baz.ngrok.io
  ngrok http foo.dev:80            # tunnel to host:port instead of localhost
  ngrok http https://localhost     # expose a local https server
  ngrok tcp 22                     # tunnel arbitrary TCP traffic to port 22
  ngrok tls --hostname=foo.com 443  # TLS traffic for foo.com to port 443
  ngrok start foo bar baz          # start tunnels from the configuration file

COMMANDS:
  api                            use ngrok agent as an api client
  completion                     generates shell completion code for bash or zsh
  config                         update or migrate ngrok's configuration file
  credits                        prints author and licensing information
  diagnose                       diagnose connection issues
  help                           Help about any command
  http                           start an HTTP tunnel
  service                        run and control an ngrok service on a target operating system
  start                          start tunnels by name from the configuration file
  tcp                            start a TCP tunnel
  tls                            start a TLS tunnel
  tunnel                         start a tunnel for use with a tunnel-group backend
  update                         update ngrok to the latest version
  version                        print the version string

OPTIONS:
  -h, --help      help for ngrok
  -v, --version   version for ngrok

重点看这个,使用例子:

EXAMPLES:
  ngrok http 80                    # secure public URL for port 80 web server  我们可以映射我们电脑的80端口
  ngrok http --subdomain=baz 8080   # port 8080 available at baz.ngrok.io    可以指定一个子域名映射8080端口
  ngrok http foo.dev:80            # tunnel to host:port instead of localhost 也可以foo.dev:80代替localhost
  ngrok http https://localhost     # expose a local https server    或者直接这样映射出去本机
  ngrok tcp 22                     # tunnel arbitrary TCP traffic to port 22   tcp连接22端口
  ngrok tls --hostname=foo.com 443  # TLS traffic for foo.com to port 443     443https的
  ngrok start foo bar baz          # start tunnels from the configuration file    不清楚了

这里我们用一个就可以了 ngrok http 8080,比如我要将前面写的项目打开,然后映射出去,全部人都可以访问:

测试

启动项目:

在这里插入图片描述

通过命令将端口映射出去: ngrok http 8081,项目的端口是8081,报错,提示需要更新一下,可能之前我使用过,但是新版本没有使用过,这里更新之后给我默认配置文件变更了一下信息:

在这里插入图片描述

重新运行 ngrok http 8081:成功上线

在这里插入图片描述

通过它给我们生成的随机域名去访问:

测试成功,成功访问:

在这里插入图片描述

可以看到这里给到的信息:

在这里插入图片描述

小结

看到这里了,快去试试你的网站可以让别人访问吧,那谢谢你的三连啦

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
当你无法通过ngrok进行内网穿透访问时,可能有几种可能的原因。首先,你输入的访问web网站的外网地址可能不存在,或者你的ngrok断开了。确保你的ngrok一直开着,这样才能保证你访问的那个网站存在。如果ngrok断开了,那个网站就无法被访问到了。 另外,可能是你遇到了报错ERR_NGROK_3022。这个报错意味着你输入的访问web网站的外网地址不存在或者ngrok断开了。你需要确保输入的地址正确,并且ngrok一直保持连接状态。 如果你遇到了报错ERR_NGROK_3022,可能你一开始并没有意识到这个报错的意思,以为这是正常的。但是当你无法通过这个路径访问内网的网站时,你才意识到有问题。 为了解决ngrok内网穿透访问不了的问题,你可以参考以下步骤: 1. 首先,确保你已经购买了ngrok服务器并且获得了相关配置信息,特别是隧道id。 2. 下载并安装适合你电脑系统的ngrok客户端。 3. 解压并启动ngrok客户端,双击打开Sunny-Ngrok启动工具.bat。 4. 输入之前服务器的隧道id,并成功启动ngrok服务器。 5. 注意,左边的地址是外网地址,右边是内网地址,以及项目对应的端口号。 6. 如果在本地通过设置域名访问vue项目时出现Invalid Host header错误,你可以按照以下方法解决: - 对于使用vue-cli2创建的项目,在webpack.dev.conf.js中的devServer对象中添加disableHostCheck: true。 - 对于使用vue-cli3创建的项目,在项目根目录下创建vue.config.js文件,并添加module.exports = { devServer: { disableHostCheck: true } }。 7. 确认你的外网访问成功,以后只要项目在运行,你可以在任何地方通过外网地址随时访问项目。 希望以上信息对你有帮助,如果还有其他问题,请随时提问。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [norok内网穿透如何解决ERR_NGROK_6022,ERR_NGROK_3200的报错](https://blog.csdn.net/qq_62129885/article/details/126894332)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [Ngork内网穿透,远程访问项目并解决Invalid Host问题](https://blog.csdn.net/weixin_43857576/article/details/114498105)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习日记

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值