配置项目外网访问(公网IP+DDNS)

1. 需求

  1. 自己写了一个vue项目已经打包部署到nginx,但是只能在内网访问,我想使用手机流量访问怎么办?
  2. 本地电脑部署了一个nas服务打算在外网访问

2. 实现

  1. 如果只是打算把vue静态页面发布到外网访问,那完全可以了解下github page服务或者国内的gitee page
  2. 如果想把本地web服务接入外网,那么可以使用花生壳来做内网穿透,原理就是在本地安装运行花生壳客户端,然后客户端做内网的映射到外网的域名。也有免费的体验版套餐,目前看是永久体验,但是免费的东西网慢,限流等。
  3. 如果你家安装了宽带,那么可以申请公网ip,路由器做DDNS,也可以实现外网访问,并且访问速度取决于你的宽带配置,而且没有任何费用(每年的宽带费除外)。本文重点记录了(公网IP+DDNS),下面是详细介绍。

3. 外网访问(公网IP+DDNS)

3.1 申请宽带的公网IP地址

安装宽带的师傅默认是内网IP的,就是说外网无法直接连接到你家的IP地址。申请公网IP后外网可以直接连接到你的IP地址。申请方式是供应商打电话直接找客服说申请公网IP,大概2分钟后就成功了。 申请成功后,直接百度搜索ip地址,看下是多少,我这里是221.218.211.57配置项目外网访问(公网IP+DDNS)_第1张图片
然后打开光猫的后台,浏览器输入http://192.168.1.1,注意是光猫的,不是路由器的,登录信息都在光猫盒的背面。登录上查看一下光猫的WAN口ip地址是否和上图百度出来的一致,如果一致就是公网IP。

3.2 光猫改桥接模式

光猫有两种模式,路由和桥接。安装时默认是路由模式,路由模式是光猫拨号上网,路由器连接光猫获取网络。这种模式就导致了光猫的网络和路由器的网络不在同一层,例如光猫的ip是221.218.211.57,路由器的ip是192.168.0.1。然后我们的手机电脑服务器linux等设备都是连接的路由器的网络,获取的ip都是路由器分出来的192.168.0.X这种开头的网络,这样的话光猫是链接不到192.168.0.X的。解决方式就是光猫桥接,让路由器拨号上网,首先给客服打电话说光猫桥接,并且获取拨号上网的账号密码,重启后打开路由器的后台,一般是192.168.0.1,配置项目外网访问(公网IP+DDNS)_第2张图片
桥接的作用就是路由器的wan口ip地址就是公网的IP地址,然后外网直接访问到路由器。这时候外网直接访问此ip是可以的,但是路由器本身没有开启端口号,那么接下来开启路由器的端口号。

3.3 路由器开启端口转发(虚拟服务器)

因为外网访问过来都是需要IP+端口号的,目前我们ip可以访问了,需要再提供端口。打开路由器后台进入配置项目外网访问(公网IP+DDNS)_第3张图片
例如我配置了一个外部端口10的,
配置项目外网访问(公网IP+DDNS)_第4张图片
这样就给路由器开启了10端口,供外网访问,这里的内部端口+内部ip地址是我本地的服务nginx(我电脑链接了路由器,电脑的ip是192.168.0.101,我在电脑开启了nginx服务且端口是31080)。
接下来拿出手机关闭wifi打开流量数据,打开浏览器输入 http://221.218.211.57:10 就可以访问了。在这里插入图片描述

如果到此步没成功的话说明没配置好,可以ping下公网ip,检查下防火墙等,有些端口例如80运营商给屏蔽了,排查下问题。

3.4 路由器开启DDNS服务

到此可以通过ip+port的形式外网访问了,但是此公网IP不固定,例如你重启下路由器,可能ip地址就不是221.218.211.57。 开启路由器的DDNS可以帮你进行域名绑定本路由器的动态公网IP。
配置项目外网访问(公网IP+DDNS)_第5张图片
配置之后可以使用域名访问了!
在这里插入图片描述

3.5 题外笔记DMZ

路由的DMZ服务可以把内网的某个服务器的全部端口映射到此路由器上

参考文章

https://post.m.smzdm.com/p/a07mwnv0/

http://www.scicat.cn/jingyan/20210909/5879875.html

你可能感兴趣的:(笔记,tcp/ip,vue.js,网络协议)