目录

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

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

我的理解就是可以将内网上的,只有你能在本地查看的网页发布到公网,让互联网上的大家都能看到的一个手段,注意并不是用来访问外网的方法。

详细的原理可以百度进行了解,本文只是最简单的一个过程,用来跟朋友分享。

1.Ngrok内网穿透工具(Sakura Frp…均可)

2.如果是动态页面(此处并不是指会动的网站)则需要一个整合了tomcat的开发工具(idea/eclipse均可)

3.静态页面只需要Hbuilder X即可

https://i-blog.csdnimg.cn/blog_migrate/14a42fe4dc5ba9addde6b0768a4dfc42.png

2.注册成为会员 https://i-blog.csdnimg.cn/blog_migrate/eccc295d311334202fab51dfdeeb9e39.png

3.选择隧道,拉到最下面有免费的 https://i-blog.csdnimg.cn/blog_migrate/0bfc51e5a04c0b76127227fb888cdbe7.png

4.确认选择 https://i-blog.csdnimg.cn/blog_migrate/43f564a06f53db33f12cabe1dd720c48.png

5.开通隧道,选择tcp协议

https://i-blog.csdnimg.cn/blog_migrate/2ba9da434c8bb3b6f196c26cd89f3ba8.png

6.隧道信息 https://i-blog.csdnimg.cn/blog_migrate/27e5c2baee632685327d531b4a13bfad.png

7.隧道管理 https://i-blog.csdnimg.cn/blog_migrate/f0eced9a61fbcd45b5efc7fa3f2701cf.png

8.下载客户端 https://i-blog.csdnimg.cn/blog_migrate/0ca736ea527dd089db8ffacfcc2a6e6a.png

8.5下载下来的客户端 https://i-blog.csdnimg.cn/blog_migrate/4ba22aa06d143f796932770c80c644b0.png

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

1.运行到浏览器

https://i-blog.csdnimg.cn/blog_migrate/14f49f3dd633d29c039c2aa3d31d746b.png

2.静态网页修改地址,将本地端口替换成公网地址

https://i-blog.csdnimg.cn/blog_migrate/3385fef72bc9ac961a251a30ed5a322c.png

3.如果你前面开通隧道时的端口号和Hbuilder里设置的不一样,可以在Hbuilder里修改,改完可能需要重新部署 https://i-blog.csdnimg.cn/blog_migrate/7246a86ff9ee43ef69423e6a931b469d.png

1.前端用到了js更新数据库数据,要稍微麻烦一点,需要将本地网址改写成你穿透后的网址,前面获取公网网址的步骤和Hbuilder相同,一开始直接打开可能是这样的,读不到数据。

https://i-blog.csdnimg.cn/blog_migrate/b2da8653fe2dbcf6dc78b61384744e14.png

2.这里给出我的修改方法,仅供参考

https://i-blog.csdnimg.cn/blog_migrate/02dcfa5af366954f8cbd669229c9057b.png

3.修改url,注意用反引号,每一个用到的地方都要改 https://i-blog.csdnimg.cn/blog_migrate/db6af5160df57a7bb99412b58002d670.png

4.登录,成功! https://i-blog.csdnimg.cn/blog_migrate/d867b1271a2863eb96ee373efdf13d28.png