一分钟搞定内网穿透

<div id="article_content" class="article_content csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post" style="overflow: hidden;">

<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)"><strong>简单来说内网穿透的目的是：让外网能访问你本地的应用，例如在外网打开你本地http://127.0.0.1指向的Web站点。</strong></span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
最近公司的花生壳到期了，要续费，发现价格一直在涨，都是5年以上的老用户，旗舰版都没有实现内网完全穿透，打算自己动手替换这个服务，中间走了不少的弯路，这里记录一些文字为大家提供参考。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
随着开发与运行移动互联网的应用越来越多对打通内外网的需要也更加迫切，如微信开发、IOS与Android开发等。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
虽然租用VPS、ECS等服务器可以解决很多问题但高性能的外网服务器价格非常贵还有数据安全问题，我选择的是公网服务器仅做代理与轻量应用，复杂的应用部署到内网服务器再穿透访问。</p>
<h1 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t0"></a>
一、内网穿透概要</h1>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
为了理解内网穿透我们先来了解几个概念：</p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t1"></a>
1.1、IP地址</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">网络中唯一定位一台设备的逻辑地址</span>，类似我们的电话号码</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
在互联网中我们访问一个网站或使用一个网络服务最终都需要通过IP定位到每一台主机，如访问baidu网站：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903170722046-1051742415.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
其中119.75.213.61就是一个公网的IP地址，他最终指向了一台服务器。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
IP地址是IP协议提供的一种统一的地址格式，它为互联网上的每一个网络和每一台主机分配一个逻辑地址，以此来屏蔽物理地址的差异。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
内网IP可以同时出现在多个不同的局域网络中，如A公司的U1用户获得了192.168.0.5，B公司的U3用户也可以获得192.168.0.5；但公网IP是唯一的，因为我们只有一个Internet。</p>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px"><span style="color:rgb(0,128,0)">//</span><span style="color:rgb(0,128,0)">局域网可使用的网段（私网地址段）有三大段：</span>
<span style="color:rgb(128,0,128)">10.0</span>.<span style="color:rgb(128,0,128)">0.0</span>~<span style="color:rgb(128,0,128)">10.255</span>.<span style="color:rgb(128,0,128)">255.255</span><span>（A类）
</span><span style="color:rgb(128,0,128)">172.16</span>.<span style="color:rgb(128,0,128)">0.0</span>~<span style="color:rgb(128,0,128)">172.31</span>.<span style="color:rgb(128,0,128)">255.255</span><span>（B类）
</span><span style="color:rgb(128,0,128)">192.168</span>.<span style="color:rgb(128,0,128)">0.0</span>~<span style="color:rgb(128,0,128)">192.168</span>.<span style="color:rgb(128,0,128)">255.255</span>（C类）</pre>
</div>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t2"></a>
1.2、域名</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">域名是IP的别名，便于记忆，域名最终通过DNS解析成IP地址。</span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)"><img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903220051733-158569545.png" alt="" style="border:0px"></span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
IP V4是一个32位的数字，IP V6有128位，要记住一串毫无意义的数字非常困难，域名解决了这个问题。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
如www.zhangguo.com.cn就是一个域名，cn表示地区，com表示商业机构，zhangguo是公司名称，www是主机名</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903172918812-661389359.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
DNS查询过程如下，最终将域名变成IP地址</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
 </p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903172617749-201355603.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
 </p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t3"></a>
1.3、NAT</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">NAT（Network Address Translation）即网络地址转换，NAT能将其本地地址转换成全球IP地址。</span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
内网的一些主机本来已经分配到了本地IP地址（如局域网DHCP分配的IP），但现在又想和因特网上的主机通信（并不需要加密）时，可使用NAT方法。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
通过使用少量的公有IP 地址代表较多的私有IP 地址的方式，将有助于减缓可用的IP地址空间的枯竭。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
NAT不仅能解决了lP地址不足与共享上网的问题，而且还能够有效地避免来自网络外部的攻击，隐藏并保护网络内部的计算机。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
多路由器可完成NAT功能。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
NAT的实现方式：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>静态转换</strong>是指将内部网络的私有IP地址转换为公有IP地址，IP地址对是一对一。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>动态转换</strong>是指将内部网络的私有IP地址转换为公用IP地址时，IP地址是不确定的，是随机的。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>端口多路复用</strong>（Port address Translation,PAT)，内部网络的所有主机均可共享一个合法外部IP地址实现对Internet的访问，从而可以最大限度地节约IP地址资源。同时又可隐藏网络内部的所有主机，有效避免来自internet的攻击。因此，目前网络中应用最多的就是端口多路复用方式。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>应用程序级网关技术</strong>（Application Level Gateway）ALG：传统的NAT技术只对IP层和传输层头部进行转换处理，ALG它能对这些应用程序在通信时所包含的地址信息也进行相应的NAT转换。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903180507983-878090856.png" alt="" width="587" height="333" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903180820046-1185506268.png" alt="" style="border:0px"></p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t4"></a>
1.4、Proxy</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
Proxy即代理，被广泛应用于计算机领域，主要分为正向代理与反向代理：</p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t5"></a>
1.4.1、正向代理</h3>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
比如X花店代A,B,C,D,E五位男生向Candy女生送匿名的生日鲜花，这里的X花店就是5位顾客的代理，花店代理的是客户，隐藏的是客户。这就是我们常说的代理。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">正向代理隐藏了真实的请求客户端</span>。服务端不知道真实的客户端是谁，客户端请求的服务都被代理服务器代替来请求，某些科学上网工具扮演的就是典型的正向代理角色。用浏览器访问http://www.google.com时被墙了，于是你可以在国外搭建一台代理服务器，让代理帮我去请求google.com，代理把请求返回的相应结构再返回给我。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903203834015-540568079.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
当多个客户端访问服务器时服务器不知道真正访问自己的客户端是那一台。正向代理中,proxy和client同属一个LAN,对server透明;</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903203855702-1545660519.png" alt="" style="border:0px"></p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t6"></a>
1.4.2、反向代理</h3>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
拨打10086客服电话，接线员可能有很多个，调度器会智能的分配一个接线员与你通话。这里的调度器就是一个代理，只不过他代理的是接线员，客户端不能确定真正与自己通话的人，隐藏与保护的是目标对象。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">反向代理隐藏了真实的服务端</span>，当我们请求 ww.baidu.com 的时候，就像拨打10086一样，背后可能有成千上万台服务器为我们服务，但具体是哪一台，你不知道，也不需要知道，你只需要知道反向代理服务器是谁就好了，ww.baidu.com 就是我们的反向代理服务器，反向代理服务器会帮我们把请求转发到真实的服务器那里去。Nginx就是性能非常好的反向代理服务器，用来做负载均衡。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903215407530-525466235.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
反向代理中,proxy和server同属一个LAN,对client透明。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903215437624-924164745.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<a target="_blank" href="https://www.zhihu.com/question/24723688">了解更多关于代理内容请点击这里</a>。</p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t7"></a>
1.5、DDNS</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
DDNS即动态域名解析，是<span style="color:rgb(255,0,0)">将用户的动态IP地址映射到一个固定的域名解析服务上</span>，用户每次连接网络的时候，客户端程序就会通过信息传递把该主机的动态IP地址传送给位于服务商主机上的服务器程序，服务程序负责提供DNS服务并实现动态域名解析。就是说DDNS捕获用户每次变化的IP地址，然后将其与域名相对应，这样域名就可以始终解析到非固定IP的服务器上，互联网用户通过本地的域名服务器获得网站域名的IP地址，从而可以访问网站的服务。</p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t8"></a>
1.6、为什么需要内网穿透</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">当内网中的主机没有静态IP地址要被外网稳定访问时可以使用内网穿透</span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
在互联网中唯一定位一台主机的方法是通过公网的IP地址，但固定IP是一种非常稀缺的资源，不可能给每个公司都分配一个，且许多中小公司不愿意为高昂的费用买单，多数公司直接或间接的拨号上网，电信部门会给接入网络的用户分配IP地址，以前上网用户少的时候基本分配的都是临时的静态IP地址，租约过了之后可能会更换成另一个IP地址，这样外网访问就不稳定，因为内网的静态IP地址一直变化，为了解决这个问题可以使用动态域名解析的办法变换域名指向的静态IP地址。但是现在越来越多的上网用户使得临时分配的静态IP地址也不够用了，电信部门开始分配一些虚拟的静态IP地址，这些IP是公网不能直接访问的，如以125开头的一些IP地址，以前单纯的动态域名解析就不好用了。</p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t9"></a>
1.7、内网穿透的定义与障碍</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">简单来说实现不同局域网内的主机之间通过互联网进行通信的技术叫内网穿透</span>。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>障碍一</strong>：位于局域网内的主机有两套 IP 地址，一套是局域网内的 IP 地址，通常是动态分配的，仅供局域网内的主机间通信使用；一套是经过网关转换后的外网 IP 地址，用于与外网程序进行通信。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903222716265-734414443.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>障碍二：</strong>位于不同局域网内的两台主机，即使是知道了对方的 IP 地址和端口号，“一厢情愿”地将数据包发送过去，对方也是接收不到的。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
因为出于安全起见，除非是主机主动向对方发出了连接请求（这时会在该主机的数据结构中留下一条记录），否则，当主机接收到数据包时，如果在其数据结构中查询不到对应的记录，那些不请自来的数据包将会被丢弃。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903222946327-630478233.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">解决办法：要想解决以上两大障碍，我们需要借助一台具有公网 IP 的服务器进行桥接。</span></p>
<h1 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t10"></a>
二、常见的内网穿透产品</h1>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t11"></a>
2.1、花生壳</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
花生壳既是内网穿透软件、内网映射软件,也是端口映射软件。规模最大，较正规，完善。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
收费高，使用简单</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
官网：http://www.oray.com/</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903223553296-127372763.png" alt="" style="border:0px"></p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t12"></a>
2.2、Nat123</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
nat123是内网端口映射与动态域名解析软件，在内网启动映射后，可在外网访问连接内网网站等应用。整个网站我都没有找到客服电话，网友发了一些反面的评价</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
收费，使用简单</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
官网：<a target="_blank" href="http://www.nat123.com/">http://www.nat123.com</a></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903224544358-530495055.png" alt="" style="border:0px"></p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t13"></a>
2.3、NATAPP</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
NATAPP基于ngrok的国内内网穿透服务，免费版会强制更换域名，临时用一下可以</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
收费，使用简单</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
官网：<a target="_blank" href="https://natapp.cn/">https://natapp.cn/</a></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903230700515-51395586.png" alt="" style="border:0px"></p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t14"></a>
2.4、frp与其它</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
frp 是一个高性能的反向代理应用，可以帮助您轻松地进行内网穿透，对外网提供服务，支持 tcp, http, https 等协议类型，并且 web 服务支持根据域名进行路由转发。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
开源免费</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
使用相对复杂，需要代理服务器支持</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
官网：<a target="_blank" href="https://github.com/fatedier/frp">https://github.com/fatedier/frp</a></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
文档：<a target="_blank" href="http://www.cnblogs.com/%E6%9F%A5%E7%9C%8B%E5%B8%AE%E5%8A%A9%E6%96%87%E6%A1%A3">查看帮助文档</a>，<a target="_blank" href="http://www.jianshu.com/p/e8e26bcc6fe6">简书示例</a></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
利用处于内网或防火墙后的机器，对外网环境提供 http 或 https 服务。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
对于 http, https 服务支持基于域名的虚拟主机，支持自定义域名绑定，使多个域名可以共用一个80端口。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
利用处于内网或防火墙后的机器，对外网环境提供 tcp 和 udp 服务，例如在家里通过 ssh 访问处于公司内网环境内的主机。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903230243390-1884154202.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
因为frp 仍然处于前期开发阶段，未经充分测试与验证，不推荐用于生产环境，所有我选择了ngrok，资料比较多。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
还有如圣剑内网通、ngrok（开源免费）、<a target="_blank" href="https://post.smzdm.com/p/564494/">更多办法</a></p>
<h1 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t15"></a>
三、ngrok</h1>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
ngrok是一个反向代理，通过在公共的端点和本地运行的Web服务器之间建立一个安全的通道。ngrok可捕获和分析所有通道上的流量，便于后期分析与响应。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
开源免费</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
官网：<a target="_blank" href="https://ngrok.com/">https://ngrok.com/</a></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
源码：<a target="_blank" href="https://github.com/inconshreveable/ngrok">https://github.com/inconshreveable/ngrok</a></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170903231759108-1604638644.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
ngrok1.x开源，ngrok2.x不开源</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
ngrok使用go语言开发，源代码分为客户端与服务器端。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
国内免费服务器：<a target="_blank" href="http://ngrok.ciqiuwl.cn/">http://ngrok.ciqiuwl.cn/</a>，更多免费服务器请大家挖掘，资源共享，我随时更新：）</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
如果有服务器，仅客户端的使用是不复杂的，以上面的免费服务器为示例完成内网穿透</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
现在假定我的本地已成功部署了一个网站，访问地址为127.0.0.1，想内网穿透后被公网上的用户访问，一般步骤如下：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>步骤1、下载windows版本的客户端，解压。一般在为你提供代理服务器的网站上找你要下载的客户端：</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904074155741-1985350688.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>步骤2、在命令（cmd）行下进入到ngrok客户端目录下</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904074622538-2039616441.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong><strong>步骤</strong>3、执行 ngrok -config=ngrok.cfg -subdomain xxx 80 //(xxx 是你自定义的域名前缀)，建议批处理</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904074833194-727903866.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
如果连接成功，会提示如下信息：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904075020679-5581075.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">这一步如果你认为太麻烦，可以直接运行目录下的start.bat批处理文件就不用进DOS环境了。运行start.bat直接跳过2，3步</span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong><strong>步骤</strong>4、如果开启成功 你就可以使用 xxx.ngrok.xiaomiqiu.cn 来访问你本机的 127.0.0.1:80 的服务了，当然你必须确定的是你本机的Web是可以正常访问的。</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904075516819-714643885.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(0,0,255)"><strong>注意：</strong></span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(0,0,255)">如果你自己有顶级域名，想通过自己的域名来访问本机的项目，那么先将自己的顶级域名解析到120.25.161.137(域名需要已备案哦，80端口必须备案)，然后执行 ngrok -config=ngrok.cfg -hostname xxx.xxx.xxx 80 //(xxx.xxx.xxx是你自定义的顶级域名)</span></p>
<h1 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t16"></a>
四、ubuntu下生成ngrok服务器主程序</h1>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t17"></a>
4.1、步骤与先决条件</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
如果你只是临时穿透或调试用，到第三步基本就可以了，但如果想作为稳定的商业服务，用别人的服务器还是受制于人，这里我们准备搭建自己的ngrok服务器。大致的步骤如下：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904091831007-845981599.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
ngrok服务器可以是多种平台，如windows、Linux（CentOS、Debian、Ubuntu等）、Mac OS等。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong><span style="color:rgb(255,0,0)">编译源代码生成应用强烈建议大家使用linux环境，windows肯定可以成功，但非常麻烦，我在windows操作系统上兜了一个大圈圈。</span></strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span><strong>先决条件：</strong></span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span>a)、您有一台公网上的服务器，如阿里云的ECS</span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span>b)、您有一个域名，最好ICP备案成功，不然80端口没有办法使用，不过像微信开发是不使用80端口的，可以用nginx代理转换。</span></p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t18"></a>
4.2、安装ubuntu操作系统</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
在linux环境下编译ngrok的源代码比windows下 方便很多，这里我们选择使用ubuntu，获得ubuntu的方法有如下几种：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
1）、全新安装ubuntu系统</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
2）、申请VPS服务器， 阿里云、腾讯云、华为云、百度云、新浪云等，仅编译一下这种方法不错</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
3）、在虚拟机中安装ubuntu系统</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
综合考虑我选择了在虚拟机中安装ubuntu操作系统</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170901231607218-263480294.png" alt="" style="border:0px"></p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t19"></a>
4.2.1、安装VMware虚拟机</h3>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
VMware Workstation是一款功能强大的虚拟机软件，在不影响本机操作系统的情况下，用户可以在虚拟机中同时运行不同版本的操作系统，用于开发、测试以及部署工作。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
VMware Workstation 12 pro下载：<a target="_blank" href="https://download3.vmware.com/software/wkst/file/VMware-workstation-full-12.1.0-3272444.exe">VMware-workstation-full-12.1.0-3272444.exe</a></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
序列号：5A02H-AU243-TZJ49-GTC7K-3C61N（<span style="color:rgb(0,0,255)">商业应用请购买正式版权，这里仅为学习使用</span>）</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
1）、双击VMware Workstation 12安装文件，或者右键管理员身份打开，提示是否允许更改，点击是；</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
2）、打开VMware安装向导，点击下一步；</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
　<img src="http://images2015.cnblogs.com/blog/665662/201609/665662-20160901095230340-1199843460.png" alt="技术分享" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
3）、VMware Workstation 12激活步骤：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
　　方法一、首次开启直接输入上文密钥，即可激活；<br>
　　方法二、首次开启选择试用，进入试用后按一下步骤激活：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
　　a、打开虚拟机主界面，点击“帮助”—“输入许可证密钥”；</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
　　<img src="http://images2015.cnblogs.com/blog/665662/201609/665662-20160901095741496-122939039.png" alt="技术分享" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
　　b、在密钥输入框输入永久许可证密钥5A02H-AU243-TZJ49-GTC7K-3C61N，确定；<a target="_blank" href="http://www.mamicode.com/info-detail-1509515.html">更多</a></p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t20"></a>
4.2.2、安装ubuntu到虚拟机</h3>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>1)、下载ubuntu操作系统镜像</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
下载地址：<a target="_blank" href="https://www.ubuntu.com/download/desktop">https://www.ubuntu.com/download/desktop</a></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
这里我下载的是ubuntu-16.04.3-desktop-amd64.iso</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904095831304-2034050308.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>2)、在VMware中安装ubuntu</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
打开VMware点击“创建新的虚拟机”</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904100150288-1332147180.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
向导选择自定义</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img title="" src="https://img-blog.csdn.net/20160116162359619" alt="这里写图片描述" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
然后下一步再下一步，直到这里，稍后再安装系统</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img title="" src="https://img-blog.csdn.net/20160116165229845" alt="这里写图片描述" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
后面设置处理器和内存的，电脑配置好的可以试试，否则采用默认的，博主这里是采用默认的，然后下一，直到这里，选择将虚拟机存储为单个磁盘：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img title="" src="https://img-blog.csdn.net/20160116170122312" alt="这里写图片描述" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
个人建议至少20G硬盘空间，内存建议给1.5G，当然也要看电脑本身的配置，1G的内存跑起来比较卡。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
其它的步骤比较简单，更多细节可以参考这里，<a target="_blank" href="http://blog.csdn.net/u013142781/article/details/50529030">《VMware Ubuntu安装详细过程》</a>。</p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t21"></a>
4.2.3、配置ubuntu系统</h3>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
当ubuntu系统安装成功后，在虚拟机中可以启动ubuntu系统，启动后的系统如下：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904101154476-1764294876.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
ubuntu系统的使用还是有许多内容的，这里需要设置的内容如下：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>a)、设置上网</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
就是在ubuntu中可以访问外网，可以使用多种形式</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904101320163-1606868137.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>b)、设置语言</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
可以选择使用中文版的ubuntu语言环境</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904101834679-1277234633.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>c)、设置屏幕分辨率</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
如果不设置默认的屏幕比较小</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904102149054-1857013152.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>d)、设置以root超级管理员的身份登录</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
许多操作要求管理身份</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904102826538-1421210972.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<strong>e)、安装VMware Tools工具</strong></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
只有在VMware虚拟机中安装好了VMware Tools，才能实现主机与虚拟机之间的文件共享，同时可支持自由拖拽的功能，鼠标也可在虚拟机与主机之间自由移动（不用再按ctrl+alt），且虚拟机屏幕也可实现全屏化。<br>
VMware Tools是VMware虚拟机中自带的一种增强工具，相当于VirtualBox中的增强功能（Sun VirtualBox Guest Additions），是VMware提供的增强虚拟显卡和硬盘性能、以及同步虚拟机与主机时钟的驱动程序。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span> <img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904110228554-466046297.png" alt="" style="border:0px"></span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
注意如果这里是灰色的需要您将linux.iso镜像加载到虚拟光驱中，一般在VM的安装目录下有，如果没有您需要自行下载。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(255,0,0)">说明：ubuntu的使用不是本文的重点，相关操作请大家自行查找。</span></p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t22"></a>
<span>4.3、生成ngrok服务器与客户端应用程序</span></h2>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t23"></a>
4.3.1. 导出源代码</h3>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
ngrok的源代码托管在github上，可以先在ubuntu下安装git再将ngrok的源代码克隆到本地。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904104430257-26581308.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
其实也可以直接下载到本地后解压，这里使用命令行完成。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
启动ubuntu，开打命令行（终端），如下所示：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904104218679-1537052551.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
以root身份执行如下命令：</p>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px"><span style="color:rgb(0,0,255)">mkdir</span> ngrok <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">创建名称为ngrok的目录</span>
<span>
apt</span>-get update <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">更新包管理器</span>
<span>
apt</span>-get install git  <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">安装git</span>
<span>
git clone https</span>://github.com/inconshreveable/ngrok.git ngrok2 <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">将ngrok源代码克隆回本地</span></pre>
</div>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
成功执行后如下所示：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904105615835-1335450212.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
导出成功后的源代码：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904105847351-1780908089.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
PS. 直接在服务器上下载的话实在太慢，可以先在本地下载好，然后用ftp放到服务器上去直接用，如果安装了VMware tools直接拖进去就可以了。</p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t24"></a>
4.3.2. 安装Go语言开发环境</h3>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
直接在命令模式下执行如下指令：</p>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px">apt-get install golang <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">安装go语言</span></pre>
</div>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
执行结果如下：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904110813679-2025712360.png" alt="" style="border:0px"></p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t25"></a>
4.3.3. 更改ngrok域名</h3>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
在自己的域名管理中添加解析A记录，如下所示：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904112044444-141101928.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
将*.ngrok与ngrok都指向您的主机IP。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
默认的域名是ngrok自己的，要替换成您自己的域名</p>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px">export GOPATH=/usr/<span style="color:rgb(0,0,255)">local</span>/ngrok/  <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">设置环境变量，Go语言的安装位置</span>
export NGROK_DOMAIN=<span style="font-weight:bold">"</span><span style="font-weight:bold">ngrok.yourdomain.com</span><span style="font-weight:bold">"</span>  <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">设置环境变量，ngrok域名</span></pre>
</div>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
PS. ngrok名称可以任意，推荐名称为ngrok或者tunnel </p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t26"></a>
4.3.4. 为域名生成证书</h3>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px">openssl genrsa -out rootCA.key <span style="color:rgb(128,0,0)">2048</span><span>
openssl req </span>-x509 -new -nodes -key rootCA.key -subj <span style="font-weight:bold">"</span><span style="font-weight:bold">/CN=$NGROK_DOMAIN</span><span style="font-weight:bold">"</span> -days <span style="color:rgb(128,0,0)">5000</span> -out rootCA.<span>pem
openssl genrsa </span>-out server.key <span style="color:rgb(128,0,0)">2048</span><span>
openssl req </span>-new -key server.key -subj <span style="font-weight:bold">"</span><span style="font-weight:bold">/CN=$NGROK_DOMAIN</span><span style="font-weight:bold">"</span> -out server.<span>csr
openssl x509 </span>-req -in server.csr -CA rootCA.pem -CAkey rootCA.key -CAcreateserial -out server.crt -days <span style="color:rgb(128,0,0)">5000</span></pre>
</div>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
生成后的结果如下：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904112706007-1362500678.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
证书如下：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904112841616-675146273.png" alt="" style="border:0px"></p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t27"></a>
4.3.5. 拷贝证书到指定位置</h3>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px">cp rootCA.pem assets/client/tls/ngrokroot.crt  <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">复制rootCA.pem到assets/client/tls/并更名为ngrokroot.crt</span>
cp server.crt assets/server/tls/snakeoil.crt <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">复制server.crt到assets/server/tls/并更名为snakeoil.crt</span>
cp server.key assets/server/tls/snakeoil.key <span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">复制server.key到assets/server/tls/并更名为snakeoil.key</span></pre>
</div>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
运行结果：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904113404319-181716920.png" alt="" style="border:0px"></p>
<h3 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t28"></a>
4.3.6. 编译</h3>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
 由于go语言的特性，在编译时直接生成机器码，所以在运行过程中并不需要go的环境（非托管应用）。在ngrok目录下，运行一下命令分别生成对应的客户端与服务端。</p>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px"><span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">win服务端</span>
GOOS=windows GOARCH=<span style="color:rgb(128,0,0)">386</span> make release-<span>server 
</span><span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">win客户端</span>
GOOS=windows GOARCH=<span style="color:rgb(128,0,0)">386</span> make release-<span>client
</span><span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">linux服务端</span>
GOOS=linux GOARCH=<span style="color:rgb(128,0,0)">386</span> make release-<span>server
</span><span style="color:rgb(0,128,0)">#</span><span style="color:rgb(0,128,0)">linux客户端</span>
GOOS=linux GOARCH=<span style="color:rgb(128,0,0)">386</span> make release-client</pre>
</div>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
生成完成后，在工作目录的bin文件夹下，产生对应的文件。以编译windows平台为例，会产生“ngrok.exe”与“ngrokd.exe”这两个文件，前者客户端，后者需要运行在公网服务器上。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
因为项目中引用了一些外部资源，生成会耗费一些时间，对网络也有一定的要求，太慢会中短，命令执行下如：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904121943022-153887904.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
生成结果：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904122128351-799567752.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
这里我还生成了两个运行在windows服务器与客户端的应用：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904122421788-2012822383.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
ngrok.exe是客户端，ngrokd.exe是服务端，下面是比较连续的操作结果。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170901231940155-475363716.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
 </p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170901232038108-311206220.png" alt="" style="border:0px"></p>
<h1 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t29"></a>
五、部署服务器端主程序</h1>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t30"></a>
5.1、部署到Windows Server服务器</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
 将生成的ngrokd.exe文件复制到windows服务器中，当然如果要部署到linux中也是没有问题的。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
这里我将ngrokd.exe放在c:\grokeServer目录下：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904122657647-1349116821.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
为了方便，我编写了一个批处理文件：ngrokserver2.bat</p>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px">ngrokd.exe -tlsKey=<span style="color:rgb(128,0,0)">"</span><span style="color:rgb(128,0,0)">snakeoil.key</span><span style="color:rgb(128,0,0)">"</span> -tlsCrt=<span style="color:rgb(128,0,0)">"</span><span style="color:rgb(128,0,0)">snakeoil.crt</span><span style="color:rgb(128,0,0)">"</span> -domain=<span style="color:rgb(128,0,0)">"</span><span style="color:rgb(128,0,0)">ngrok.你的域名.com</span><span style="color:rgb(128,0,0)">"</span> -httpAddr=<span style="color:rgb(128,0,0)">"</span><span style="color:rgb(128,0,0)">:801</span><span style="color:rgb(128,0,0)">"</span> -httpsAddr=<span style="color:rgb(128,0,0)">"</span><span style="color:rgb(128,0,0)">:802</span><span style="color:rgb(128,0,0)">"</span></pre>
</div>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
点击批处理运行结果如下：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904123813882-909153274.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
绑定的域名换成自己的域名，http使用801端口，https使用802端口，供客户端连接的管道端口设置为4443端口，必须前面的域名相同。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
为了安全许多服务器会将端口屏蔽，我使用的是ECS服务器，默认801，802都是关闭的，需要手动开启，在阿里云的后台添加开放的端口就可了：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170901232916530-1378823649.png" alt="" style="border:0px"></p>
<h2 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t31"></a>
5.2、一键部署ngrok服务器（CentOS、Debian、Ubuntu）</h2>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
如果编译生成ngrok的源代码生成应用太麻烦，你可以选择网友写的工具，支持一键部署到安装平台：CentOS、Debian、Ubuntu。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<a target="_blank" href="https://github.com/clangcn/ngrok-one-key-install">https://github.com/clangcn/ngrok-one-key-install</a></p>
<h1 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t32"></a>
六、部署ngrok客户端</h1>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
这里的客户端就是您的web应用程序所运行的主机，将ubuntu生成的ngrok.exe客户端应用复制到您的系统中：</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170904124357101-756344082.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
添加配置文件ngrok.cfg:</p>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px">server_addr: "ngrok.你的域名.com:4443"<span>
trust_host_root_certs: false</span></pre>
</div>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
 添加批处理start.bat，如果只运行一次直接在命令行下输入命令也是一样的效果，内容如下：</p>
<div class="cnblogs_code" style="background-color:rgb(245,245,245); font-family:"Courier New"; border:1px solid rgb(204,204,204); padding:5px; word-break:break-all; overflow:auto; width:1055.44px; margin:5px 0px">
<pre style="font-family:"Courier New"; margin:5px 8px; padding:5px">ngrok.exe -subdomain kyt -config=ngrok.cfg 8987</pre>
</div>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
其中8987为端口号，运行成功的结果如下所示： </p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170901232646890-104118921.png" alt="" style="border:0px"></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
看到这个界面时说明已成功了。</p>
<h1 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t33"></a>
七、启动客户端并测试</h1>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
打开浏览器，输入您映射后的域名就可以穿透内网访问您的web服务器了。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<img src="http://images2017.cnblogs.com/blog/63651/201709/63651-20170901233244765-547813455.png" alt="" style="border:0px"></p>
<h1 style="font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif"><a name="t34"></a>
八、总结</h1>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
一开始选择错了平台，在windows花了不少时间，在ubuntu下顺利完成。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
无论是客户端还是服务器端最好都做成服务，更方便与稳定。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
由于服务器上同时运行着IIS，故服务端Ngrok启动时无法使用80端口，所以在上面，我使用了801作为Ngrok服务器的http端口，使用IIS的代理功能可以解决这个问题，<a target="_blank" href="http://www.it165.net/admin/html/201604/7486.html">点击这里</a>。当然也可以使用nginx将80转换成其它端口。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
许多内容都参考了网友的文章。</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
<span style="color:rgb(0,0,255)"><strong>如果服务器搭建好了，只运行客户端穿透内网一分钟够了：）。</strong></span></p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
欢迎您提供更加好的解决方案，欢迎您提供更多的免费代理服务器，我随时更新，谢谢！</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
作者：张果</p>
<p style="margin:10px auto; font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px">
原文：<a target="_blank" href="http://www.cnblogs.com/best/p/7465444.html">http://www.cnblogs.com/best/p/7465444.html</a></p>
   
</div>