没有云服务器？内网穿透了解一下

墨蓝 2022-11-07 05:30 23阅读 0赞

**内网穿透又叫端口映射，用一句最简单的话来讲就是：将你的计算机所连接的私有网络映射到公网上，别人通过你给的域名或ip即可访问你本地的服务。具体的原理可参照[百度百科][Link 1]  
这么做可以实现各大厂商的云服务器（阿里云，腾讯云，百度云，华为云等）的效果，通过公网地址访问服务器**

**这里分享一些提供内网穿透的网站，前三种是我用过的，感觉都还不错（仅供参考）：**

1.  **[Sunny-Ngrok][]：免费版，带宽：10 Mbps，限速：128 Kbps，限流：无限，隧道数量：每种协议1条**
2.  **[SAKURA FRP][]：免费版（需要支付一元实名认证），带宽：10 Mbps，限速：4 Mbps，限流：5 GiB+限速流量（进入该状态24小时后会进行流量重置并恢复限速至正常限速），隧道数量：5条**
3.  **[NATTUNNEL][]：免费版（隧道每天停止），带宽：1 Mbps，限速：不限，限流：无限，隧道数量：1条**
4.  **[浮居内网穿透][Link 2]：免费版，带宽：5 Mbps，限速：5 Mbps，限流：5GiB，隧道数量：2条**
5.  **[NATAPP][]：免费版，带宽：1 Mbps，限速：1 Mbps，限流：不限，隧道数量：0条**
6.  **[花生壳][Link 3]：免费版，带宽：1 Mbps，限速：1 Mbps，限流：1GiB，隧道数量：2条**
7.  **[网穿云][Link 4]：免费版，带宽：3 Mbps，限速：3 Mbps，限流：7天不限流量,激活后流量限制每月/1G，隧道数量：1条**
8.  **[cpolar][]：免费版，带宽：不清楚，限速：不清楚，限流：不清楚，隧道数量：1条**
9.  **[路由侠][Link 5]：免费版，带宽：1 Mbps，限速：1 Mbps，限流：1GiB，隧道数量：2条**
10. **[魔法隧道][Link 6]：积分兑换版，带宽：官网说100M，限速：不清楚，限流：不清楚，隧道数量：不清楚**

**下面，我就[Sunny-Ngrok][]来分享一下服务器搭建，其实都大同小异，照着官方文档来，慢慢的就会了**

**这里我简单描述一下内网穿透的两个应用，一是服务器搭建，二是远程桌面的搭建**

**首先是服务器搭建，在此之前，我们得先开启本地服务器，这里以node为例，[环境搭建][Link 7]，[静态文件服务][Link 8]，[本地文件上线][Link 9]，以及用到的[懒加载案例][Link 10]在之前文章有说到，这里直接进入正题**

**开启本地服务运行懒加载案例，通过127.0.0.1访问网页，我这里是运行在VSCode插件（live server）下，当然也可以参照[静态文件服务][Link 8]把项目运行在node服务下，首先保证网页和接口可以在本地运行访问  
我的前端部分端口号是5500，后端接口端口号是1024**  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 1][]

**但是[Sunny-Ngrok][]免费版的对http协议只提供一个端口的隧道，此时我们就要用Nginx进行端口代理了，Nginx配置可以参考[Nginx文章][Nginx]，我这里的配置如下**

server {
            listen       10240;#监听端口
            server_name  localhost;
            location / {
                proxy_pass http://127.0.0.1:1024/;#反向代理后端接口
            }
            location /client {
                proxy_pass http://127.0.0.1:5500/;#反向代理前端页面
            }
            
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }
     
        }

**此时通过输入[http://127.0.0.1:10240/client/][http_127.0.0.1_10240_client]就会代理到[http://127.0.0.1:5500/][http_127.0.0.1_5500]下，输入[http://127.0.0.1:10240][http_127.0.0.1_10240]/会被代理到[http://127.0.0.1:1024/][http_127.0.0.1_10240]下**

**下一步，注册[Sunny-Ngrok][]账号，登录并购买免费服务器，配置服务器设置，最后下载穿透软件**  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 2][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 3][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 4][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 5][]

**下载完成后点击启动工具，在隧道管理中复制刚才新建的隧道id，粘贴到隧道软件中，并回车，进入到连接界面**  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 6][]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 7][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 8][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 9][]

**此时刷新隧道管理界面，点击查看状态，可以看到，当前连接的ip，说明内网穿透成功**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 10][]  
**下一步，我们在新页面中打开赠送域名加路径，如：[http://example.com/client/lazyLoad.html][http_example.com_client_lazyLoad.html](example.com是赠送域名)，打开后会提示输入账号密码。  
输入http验证用户名和密码即可**  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 11][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 12][]

**但是此时懒加载请求的接口是本地的127.0.0.1，我们要修改为[http://example.com/getList?len=1000][http_example.com_getList_len_1000]，最后打开[http://example.com/client/lazyLoad.html][http_example.com_client_lazyLoad.html]，显示以下效果**  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 13][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 14][]  
**做到这里，服务器内网穿透的服务器搭建就完成了。**

**接下来，我们来尝试搭建一下远程桌面**

**和之前一样，购买新的免费服务器，并且配置tcp协议，这里有两点需要注意：**

1.  **本地映射的ip不能使用127.0.0.1，而是使用局域网内的ip，通过ipconfig查看本机在局域网的ip并复制**
2.  **远程桌面默认端口是3389**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 15][]

**下面是我远程桌面的配置**  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 16][]  
**隧道管理**  
![20210314154549688.png][]  
**最后和上面一样，运行内网穿透软件即可（可能会一直出现reconnecting提示，原因在[官网文档][Link 11]中，我这的解决方法是在隧道管理中踢下线，然后多连几次）**  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 17][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 18][]

**我们可以使用另一台电脑或者手机版的远程桌面连接当前电脑（手机版可以去酷安），下面是用手机连接的效果**  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 19][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 20][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 21][]

**总结：内网穿透虽然比服务器要便宜，但是还要考虑自己电脑的电费和损耗，而且做服务器需要一直开着，所以，还是要对比，比较一下，选择适合自己的方案**

**希望这篇文章能帮助你**

[Link 1]: https://baike.baidu.com/item/%E5%86%85%E7%BD%91%E7%A9%BF%E9%80%8F/8597835
[Sunny-Ngrok]: https://www.ngrok.cc/
[SAKURA FRP]: https://www.natfrp.com/
[NATTUNNEL]: https://www.nsloop.com/nattunnel
[Link 2]: https://frp.cool/
[NATAPP]: https://natapp.cn/
[Link 3]: https://hsk.oray.com/
[Link 4]: http://www.neiwangchuantou.net/
[cpolar]: https://www.cpolar.com/
[Link 5]: http://www.luyouxia.com/
[Link 6]: http://www.mofasuidao.cn/
[Link 7]: https://blog.csdn.net/time_____/article/details/114024145
[Link 8]: https://blog.csdn.net/time_____/article/details/114281583
[Link 9]: https://blog.csdn.net/time_____/article/details/104439713
[Link 10]: https://blog.csdn.net/time_____/article/details/114326156
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210314140340632.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 1]: /images/20221023/113fd79287544faa9fa794dcc7f652b3.png
[Nginx]: https://blog.csdn.net/time_____/article/details/114750930
[http_127.0.0.1_10240_client]: http://127.0.0.1:10240/client/lazyLoad.html
[http_127.0.0.1_5500]: http://127.0.0.1:5500/
[http_127.0.0.1_10240]: http://127.0.0.1:10240/getList?len=1000
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210312225657902.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20210312225843323.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20210314143154253.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 5]: /images/20221023/97fa81821a2a4f4487728dab6d9644ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 6]: /images/20221023/b9425fbb03484580ac0a398edccaade5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20210314143842729.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20210314144217617.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 9]: /images/20221023/39f74ccf4c4b4a0497688d716823096a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 10]: /images/20221023/0ec4a7ef564d41618a23fe2a680d7b08.png
[http_example.com_client_lazyLoad.html]: http://example.com/client/lazyLoad.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20210314145038500.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 12]: /images/20221023/f220daeebec44658b4a2981959f103f0.png
[http_example.com_getList_len_1000]: http://example.com/getList?len=1000
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 13]: https://img-blog.csdnimg.cn/2021031415095894.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 14]: /images/20221023/ab9df03f390840878bcc42f31dbd19eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 15]: /images/20221023/379d247fbf8d43bb8dbe718437a90ac0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 16]: /images/20221023/d62ae7c2b92341578786a079e9b08336.png
[20210314154549688.png]: /images/20221023/2b4b5c638d5c464489cf7a89e7817b1b.png
[Link 11]: https://www.ngrok.cc/_book/error/ngrok.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 17]: https://img-blog.csdnimg.cn/20210314160549637.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 18]: /images/20221023/c3fcae61e40b4bc1925491b34e9484c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 19]: https://img-blog.csdnimg.cn/20210314162219619.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 20]: https://img-blog.csdnimg.cn/20210314162253401.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpbWVfX19fXw_size_16_color_FFFFFF_t_70 21]: /images/20221023/16ea6dd3e0a64535bea7cc547608b5ee.png