Windows远程桌面实现物理机访问控制虚拟机3-Nginx及Natapp发布网页

淡淡的烟草味﹌ 2022-04-10 14:24 572阅读 0赞

# 1、任务简介 #

昨天的博客中讲解了使用Tomcat发布静态网页的方法，今天就来学习使用Nginx发布静态网页的方法。目前国内的许多主流网站，例如京东、百度、淘宝等都是用Nginx作为其服务器，所以在学习Tomcat之余对其进行学习可以扩展自己的知识面。本次任务在虚拟机中使用Nginx服务器部署完网页之后，可以使用物理机查看该网页，若再使用Natapp实现内网穿透之后，还可以使用外网设备通过指定网址访问网页内容。

--------------------

# 2、前期准备 #

1）Nginx的下载网址为：[下载链接][Link 1]；  
进入该网页后直接点击图中链接下载稳定版Nginx：  
![在这里插入图片描述][20190111154158624.png]

2）Natapp下载网址为：[下载链接][Link 2]；  
两个软件根据自己使用的系统版本下载完成即可，其配置和使用方法在第3部分的实际操作中进行讲解。

--------------------

# 3、实际操作 #

## 3.1、使用Nginx部署网页 ##

1）下载Nginx后将压缩包解压到桌面，打开文件夹后包含如下文件：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70]

2）我们需要查看其默认端口号，是用记事本打开conf文件夹下的nginx.conf文件，其端口号如下：  
![在这里插入图片描述][2019011116044577.png]  
由此可以看到Nginx默认端口号为80，而Tomcat默认端口号为8080，这是我们在使用这两个软件时需要区分开的（如有需要这些端口号都是可以修改的）。

3）单击主文件夹下的nginx.exe文件打开Nginx服务，有一个黑框一闪之后即关闭，说明该服务已经打开了，我们还可以使用浏览器进行测试，在其地址栏中输入localhost，显示如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 1]

4）将需要部署的网页（网页文件夹为index，主页为index.html）复制到主文件夹下的html文件夹中就可以使用虚拟机机的浏览器进行查看，在浏览器地址栏输入localhost/index/index.html即可，显示如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 2]

5)使用物理机查看虚拟机中部署的网页，之前博客中查看的虚拟机IP地址为192.168.75.130可以直接使用，在物理机中输入192.168.75.130/index/index.html即可，显示如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 3]  
此时已经实现了Nginx部署网页了。

## 3.2、使用Natapp实现内网穿透 ##

1）[点击此处][Link 2]可以进入natapp官网，其官网提供了内网穿透的免费隧道（由阿里云提供技术支持），但是免费隧道的弊端在于每次使用都会更改自己网站的网址，虽有不便之处，但是作为学习使用已经足够了（若有财力也可以购买体验更好的内网穿透付费服务）；

2）进入官网后需要注册才可以使用免费隧道购买隧道设置的端口应该为80，其基本服务功能如下：  
![在这里插入图片描述][20190111164150201.png]  
由于该网站不支持Win7自带的旧版本IE，所以我又在虚拟机中安装了Firefox浏览器，浪费了一些时间；

3）购买完成后可以根据实际情况对购买的免费隧道进行配置，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 4]

4）配置保存后需要下载软件，点击网页上方的客户端下载，进入下载界面，如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 5]  
根据自己实际的系统版本下载即可，然后解压到自己所需要的位置；

5）点击网页上方的文档，如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 6]  
点击右边的使用本地配置文件config.ini，然后下载对应版本的配置文件即可；

6）进入自己购买的隧道处复制authtoken，如下图：  
![在这里插入图片描述][20190111170932348.png]  
然后打开配置文件，将authtoken复制到里面，如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 7]  
保存该文件即可；

7）打开natapp.exe进入如下界面：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 8]  
然后使用外部设备打开Forwarding后面的网址及网页名等信息即可查看网页，输入网址如下：[http://cybg5x.natappfree.cc/index/index.html][http_cybg5x.natappfree.cc_index_index.html] （由于是免费隧道，每次使用网址都会变化）打开后的网页如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 9]  
此外还可以通过手机打开该网站，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 10]  
现在我的个人网页已经可以使用外网设备进入了，也说明今天的任务已经大功告成了。

--------------------

# 4、总结 #

今天的任务中不仅学习了Nginx部署网页的方法，还学习了使用内网穿透工具Natapp，通过Natapp的使用我们的网页就可以通过外网进行访问了，大家也可以自己尝试一下，让自己制作的网页也可以面向世界，哈哈。

[Link 1]: http://nginx.org/en/download.html
[20190111154158624.png]: /images/20220328/40154dee5eee41c382d6e5574492fd85.png
[Link 2]: https://natapp.cn/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70]: /images/20220328/5b3f4f2437164228a1a80596ee3f027f.png
[2019011116044577.png]: /images/20220328/218df168d39f4d148c7a867a1b680fd5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 1]: /images/20220328/3fe9d58157a14f749f97174fa182c1b8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 2]: /images/20220328/cc884ebdcfdb40f4a0f9232c09d5597f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 3]: /images/20220328/24ec03f6f8db41cfba4f4834cd88a2fc.png
[20190111164150201.png]: /images/20220328/85630aad511a444fad65155dfa66db36.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 4]: /images/20220328/971dfebb00db4d819f5f83e61878f7c0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 5]: /images/20220328/6e9ce0a049b2411c99a3b95a0644b37e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 6]: /images/20220328/b47c7206e6c44c5a8db8b280edbbcad8.png
[20190111170932348.png]: /images/20220328/1552cbbf0d564571918bce579c235b37.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 7]: /images/20220328/e8eef02f6c664b3a83fd34bf99efb5ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 8]: /images/20220328/cec2e0d6d3df4cdd891ed15b00ac87a4.png
[http_cybg5x.natappfree.cc_index_index.html]: http://cybg5x.natappfree.cc/index/index.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 9]: /images/20220328/af071bcec0ea43c4814b6b689c19c5bb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xzeWxzeTcyNg_size_16_color_FFFFFF_t_70 10]: /images/20220328/b18104d13ccd49e593af46e257a842f2.png