通过内网穿透工具实现在互联网上访问本地网页(详细过程记录)

通过内网穿透工具实现在互联网上访问个人网页(详细过程记录)

一、什么是内网穿透

我的理解就是可以将内网上的,只有你能在本地查看的网页发布到公网,让互联网上的大家都能看到的一个手段,注意并不是用来访问外网的方法。
详细的原理可以百度进行了解,本文只是最简单的一个过程,用来跟朋友分享。

一、用到的工具:

1.Ngrok内网穿透工具(Sakura Frp…均可)
2.如果是动态页面(此处并不是指会动的网站)则需要一个整合了tomcat的开发工具(idea/eclipse均可)
3.静态页面只需要Hbuilder X即可

二、启动内网穿透

1.ngrok主页1.ngrok主页
2.注册成为会员2.注册会员
3.选择隧道,拉到最下面有免费的3.选择隧道
4.确认选择4.确认选择
5.开通隧道,选择tcp协议
开通隧道

6.隧道信息6.隧道信息
7.隧道管理7.隧道管理
8.下载客户端8.下载客户端
8.5下载下来的客户端8.5下载下来的客户端
9.解压客户端9.解压客户端
10.启动客户端10.启动客户端
11.启动成功,复制公网地址启动成功

三、架设网页

接下来只需要将你的网页按平常那样架设到服务器上,就可以在任意地方登录你穿透到的网址来查看了

1.静态页面(Hbuilder X)

1.运行到浏览器
运行到浏览器

2.静态网页修改地址,将本地端口替换成公网地址
静态网页修改地址
3.如果你前面开通隧道时的端口号和Hbuilder里设置的不一样,可以在Hbuilder里修改,改完可能需要重新部署修改Hbuilder X端口号

2.动态页面

1.前端用到了js更新数据库数据,要稍微麻烦一点,需要将本地网址改写成你穿透后的网址,前面获取公网网址的步骤和Hbuilder相同,一开始直接打开可能是这样的,读不到数据。
未修改网页
2.这里给出我的修改方法,仅供参考
修改前端页面
3.修改url,注意用反引号,每一个用到的地方都要改修改url
4.登录,成功!登录成功

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值