localtunnel.me 原理流程浅析

Posted 2020-07-03 phlsheji

  本文採用知识共享署名-同样方式共享 4.0 国际许可协议进行许可。

   

  近期公司的项目须要一个后台server，要求能将内网的WEBserver暴露在外网上。于是。就在网上到处搜开源项目。找到两个口碑不错的项目（没验证过，人云亦云吧）：localtunnel.me和ngrok。

前者是javascript语言开发的。后者是go语言开发的。正好又在写一个前端，学习javascript中（全栈project师！

！），就git clone下来看看吧。在这篇文章里。仅仅对原理和流程进行说明，不做代码分析。我一向觉得好的代码就是好的文档，尽管还是刚刚接触javascript这样的原型语言，还看不出代码质量好坏。可是localtunnel的凝视和代码本身还是让人非常easy理解的。

  我在分析localtunnel.me的代码时，是server端和client对照着看的。

这样能够比較easy看懂server和client是怎样交互的。

  整体来说localtunnel.me的原理还是非常easy的，首先必须有一台能在公网訪问的server作数据中转用。localtunnel.me的server端程序就部署在这上边。server程序一边监听浏览器的http请求，一边监听client的tcp请求。

server将HTTP请求转发到相应的client。client程序又将HTTP报文转发到本地相应WEBserverport。这样，就实现了内网webserver的公网映射。

我们主要看看localtunnel.me的工作流程：

1.监听80port，当然也能够是其它port。等待client或浏览器的http请求。

2.server在接收到一个HTTP请求时，会推断当前请求的域名是主域名还是子域名。这时会有两种处理流程，主域名提供了新的通道创建功能。子域名则用来转发HTTP请求

3.假设请求的URL是主域名，且URL为类似这种请求:http://www.exampleserver.com/?new或http://www.exampleserver.com/xxxxxxxxxx。

服务端程序会创建一个TCP服务器。并把相关信息返回给相应的client。

这些信息包含服务器新监听的TCPport号，以及完整的子域名。
这里要说明一下。域名www.exampleserver.com必须是顶级域名（当然，也能够不是，仅仅要做二次开发）。
new表示生成一个随机的子域名，或者指定子域名为xxxxxxxx.exampleserver.com。

4.client收到server返回的信息后，就会与server创建一条TCP连接，hostname是server的域名或IP。port是刚才server返回的信息中的port。这样，client和server就建立起一条长连接。当client与server的TCP链接建立成功后。会立即建立与本地WEBserver的TCP链接。注意是TCP链接，不是HTTP链接。

5.当地球上的某个浏览器通过子域名的方式訪问http://xxxxxxxx.exampleserver.com时，服务器端程序会在一张大表里找xxxxxxxx这个子域名名字相应的clientsocket连接。并将http请求转发过去。

localtunnel.me使用bouncy库来实现转发功能。

ok，到这里。server端的大部分工作都完毕来，如今HTTP的请求到了client。

6.client收到了http请求的数据后。就在远程server和本地WEBserver之间建立一条pipe。只是。在首次转发之前，须要改动HTTP头的Host字段为本地server地址