Nginx系列教程（03） - 外网映射（NatApp）

短命女 2022-12-21 04:49 280阅读 0赞

在做微信开发或者是对接第三方支付接口时，回调接口可能需要外网访问（**内网穿透**）。这时候开发者在本地测试的时候，需要用到外网测试工具。

平时常用的外网测试工具有`natapp`、`ngrok`,下面我们主要来讲讲NatApp。

NatApp官网地址：[https://natapp.cn/][https_natapp.cn]

## **1.注册账号** ##

注册账号需要实名制，注册地址：[https://natapp.cn/register][https_natapp.cn_register]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70]  
按照常规的一步一步来操作就可以了

## **2.实名验证** ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 1]  
需要支付宝验证，验证成功后界面如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 2]

## **3.购买免费隧道** ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 3]  
购买：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 4]

## **4.配置隧道** ##

**authtoken**：开启natapp服务时用到的参数  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 5]  
主要是修改本地地址和本地端口  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 6]

## **5.NatApp下载安装** ##

1.根据自己的系统下载NatApp（我的是Mac系统）：[https://natapp.cn/][https_natapp.cn]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 7]  
2.解压安装包，并进入安装包目录，赋予natapp权限（我的是Mac操作系统，Windows系统直接忽略）

<code class="language-shell">chmod a+x natapp
 </code>

*  1

3.在同一目录下，新建config.ini文件，并填写config.ini：  
![在这里插入图片描述][20191113133550532.png]  
编辑config.ini，里面填上对应的authtoken

<code class="language-py">#将本文件放置于natapp同级目录 程序将读取 [default] 段
 #在命令行参数模式如 natapp -authtoken=xxx 等相同参数将会覆盖掉此配置
 #命令行参数 -config= 可以指定任意config.ini文件
 [default]
 authtoken= #对应一条隧道的authtoken
 clienttoken= #对应客户端的clienttoken,将会忽略authtoken,若无请留空,
 log=none #log 日志文件,可指定本地文件, none=不做记录,stdout=直接屏幕输出 ,默认为none
 loglevel=ERROR #日志等级 DEBUG, INFO, WARNING, ERROR 默认为 DEBUG
 http_proxy= #代理设置 如 http://10.123.10.10:3128 非代理上网用户请务必留空
 </code>

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9

4.与运行程序：

<code class="language-java">./natapp
 </code>

*  1

运行成功！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 8]  
注意：[http://zqx4v7.natappfree.cc][http_zqx4v7.natappfree.cc]这个地址就是外网访问内部网络[127.0.0.1:80][127.0.0.1_80]的地址。

## **6.测试** ##

1.进入tomcat解压目录/config/server.xml,端口设置为80:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 9]  
2.启动tomcat：新开一个命令窗口，进入tomcat解压目录/bin，启动tomcat：

<code class="language-shell">./startup.sh
 </code>

*  1

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 10]  
3.浏览器访问：输入[http://localhost:80/][http_localhost_80]，可以看到本地访问成功：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 11]  
使用NatApp生成的地址访问：[http://zqx4v7.natappfree.cc][http_zqx4v7.natappfree.cc]，会发现跟本地的访问也是一样的。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 12]  
同时命令框的内容也改变了：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 13]

## **7.如何登录管理台查看信息？** ##

浏览器输入网址：[http://127.0.0.1:4040][http_127.0.0.1_4040]，可以看到每个请求的详细情况。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 14]

## **总结** ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 15]

[https_natapp.cn]: https://natapp.cn/
[https_natapp.cn_register]: https://natapp.cn/register
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70]: /images/20221120/5f8a12fcb7404165b13b928763e2347e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 1]: /images/20221120/c0dd0461785d4829bdb0ac5fd051b5b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 2]: /images/20221120/21e9548f1f7a4d978ce6d403a152c03f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 3]: /images/20221120/d219263bfc784a03a866f24108fbbb64.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 4]: /images/20221120/5d450692eb2b45619933f19c19078b33.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 5]: /images/20221120/e8cde532112b464498c6a8d723fadeda.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 6]: /images/20221120/fff41710e683482e867ae5e3a84d446c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 7]: /images/20221120/86d5ea1a2cf44b8faafca0b9e3455b71.png
[20191113133550532.png]: /images/20221120/4843e06a69c847bea95fb9ec539e55b1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 8]: /images/20221120/bf1064afc8c6404e8acabfe4a394cd12.png
[http_zqx4v7.natappfree.cc]: http://zqx4v7.natappfree.cc/
[127.0.0.1_80]: http://127.0.0.1/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 9]: /images/20221120/da7128a1c66e49f88e9c142a53724d2a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 10]: /images/20221120/8d419d5bd7d64934a8f8b538c5717cb6.png
[http_localhost_80]: http://localhost/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 11]: /images/20221120/cbcc8f5e9e9240748c0e1755ac367094.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 12]: /images/20221120/1360ff1a6c0c45f49ff9fada46fe75e2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 13]: /images/20221120/dc8678ffb1954b7f8f4b53a2396bdd23.png
[http_127.0.0.1_4040]: http://127.0.0.1:4040/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 14]: /images/20221120/29dfc49355b544e1a2f1be237eb83e8f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIwMDQyOTM1_size_16_color_FFFFFF_t_70 15]: /images/20221120/92c7c77957e94de48c84edca804e1730.png