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

您所在的位置:网站首页 ngrok网站 通过内网穿透工具实现在互联网上访问本地网页(详细过程记录)

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

2023-11-12 19:15| 来源: 网络整理| 查看: 265

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

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

一、用到的工具:

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.登录,成功!登录成功



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3