专栏首页finleyMa使用ngrok内网穿透工具

使用ngrok内网穿透工具

需求:

  1. 自己做的网站系统需要一个公网地址,方便给客户演示,传统做法是买个有公网地址的服务器,可是手头上又没有服务器。即便有服务器还要搭建环境,同步代码啥的,非常不方便。关键只是演示,没必要大动干戈。
  2. 微信开发或聊天机器人开发等需要填写域名,比如微信窗口里打开IP地址会有警告提示,测试起来很麻烦。手头没有域名或者没有必要。

这时可以使用ngrok工具。他可以分配给你一个公网的二级域名,来绑定你本地的正在跑的http服务。 比如我本地跑了一个vue cli搭建的程序,跑起来后默认是 http://localhost:8080 。 当我安装 ngnok 后,执行 ./ngrok http 8080 (Windows系统下可能是ngrok.exe)

image.png

如图:工具随机分配给我了http和https两个地址,这个时候无论是手机还是电脑,还是其他地方的小伙伴访问 http://100a13a1.ngrok.io 就可以看到我本机上的 localhost:8080 打开web interface对应的地址,可以看到请求和响应内容,方便调试。

具体地址: https://ngrok.com/

注意:

  1. 对于免费用户,每次启动ngrok分配到的公网地址是会变的。 可以用国内的类似的服务,他提供了固定而且免费的地址。不过访问速度有点慢。毕竟是免费的。 https://ngrok.cc/
  2. 当页面显示Invalid Host header,因为vue cli使用的是webpack server,基于安全对访问做了限制。在 build/webpack.dev.conf.js 内
//追加配置
devServer: {
    host: '0.0.0.0',
    disableHostCheck: true
  }

我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=v7er73kcqd35

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Express 极速掌握

    支持 callback1,callback2、[callback1, callback2]、function callback(req, res, next) ...

    mafeifan
  • RxJS 学习系列 16. Subject 的变形, BehaviorSubject, ReplaySubject, AsyncSubject

    BehaviorSubject 是 Subject 的一个变种,他的特点是会存储当前值,

    mafeifan
  • Angular 使用 Resolve 预先获取组件数据

    这几天碰到一个需求,登录后要根据用户信息的不同跳转到不同的页面。 比如默认登录要求跳转到A页面,如果A的页面中表格数据是空则要求登录后要直接跳转到B页面。 ...

    mafeifan
  • [Go] 提供http服务出现两次请求以及处理favicon.ico

    在http包使用的时候,注册了/这个根路径的模式处理,浏览器会自动的请求favicon.ico ,一定要注意处理 ,否则会出现两次请求

    陶士涵
  • nginx实现负载均衡和动静分离

    这篇文章主要为大家详细介绍了nginx实现负载均衡和动静分离,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    菲宇
  • 谷歌地图与 NestedScrollView 滑动冲突

    一会儿,要翻墙;一会儿,网络不稳定,白屏了;一会儿,某些设备不支持 GMS 服务了。

    HLQ_Struggle
  • Nginx 配置

    在了解具体的Nginx配置项之前我们需要对于Nginx配置文件的构成有所概念,一般来说,Nginx配置文件会由如下几个部分构成:

    一滴水的眼泪
  • dotnet 判断程序当前使用管理员运行降低权使用普通权限运行

    有一些程序是不想通过管理员权限运行的,因为在很多文件的读写,如果用了管理员权限程序写入的程序,其他普通权限的程序是无法直接访问的。 本文告诉大家如何判断当前的程...

    林德熙
  • WordPress获取注册用户会员数量PHP

    本文代码基于:https://www.jb51.net/cms/262912.html

    AlexTao
  • 小程序也能玩魔术!花叔亲手演示!

    上周末宅在家胡思乱想,然后开发了一个魔术小程序,亲手演示一下玩法: ? (感谢猪猪的手友情演出) 已经坚持在三个平台实现过这个魔术了(原生App、h5、小程序...

    花叔

扫码关注云+社区

领取腾讯云代金券