正文共：800 字 9 图，预估阅读时间：1 分钟
通过前面的了解，我们发现openVPN服务器的部署还是非常简单的（openVPN连接操作指南、openVPN服务器配置的31个关键点），而且我们把客户端连接openVPN要使用的证书和配置文件也做了合一处理（配置优化：将openVPN的配置文件合4为1），如果还要优化，那就是建一个WEB页面，用于下载客户端软件和配置文件。
这个需求应该挺简单的，毕竟咱之前也是搭过LNMP环境的人（WordPress上线笔记）。而且就算不是手配，使用宝塔面板来操作也是很简单的。在加上我之前还配置过个人黄页（童鞋！不搞个个人黄页爽一把？），简单融合一下，应该不难。
为了公平起见，我这次就用一台新服务器，从安装nginx来进行演示。
安装就很简单了，直接使用yum源进行安装即可。
yum install -y nginx然后就是修改nginx配置文件，配置文件nginx.conf在/etc/nginx/目录下。
配置文件中，最重要的就是http{}模块下的server{}模块，包含了监听的端口信息、根目录信息等。
在这里也能看出我们需要准备的所有文件信息，最主要的是各系统下的软件安装包和配置文件，同时还需要一个主页文件。
我们先创建一个文件夹用于存放软件安装包、配置文件和主页文件。
然后新建一个主页文件，使用静态页面的index.html。关键代码如下，我直接从原来的黄页中拿过来的。
<body>
<div class="container" id="maincontainer" style="background-color: #fafafa;padding-top: 20px;padding-bottom: 20px;">
<li>请根据设备类型按需下载Windows、Linux、Android和macOS的安装包及配置文件</li>
<table id="table" class="table table-hover" style="word-break: break-all;">
<tbody id="filelist" style="">
<tr class="fileitemTr"><td class="fileitem" data-sort="android.ovpn"><a style="margin-left:3px;" href="http://192.168.1.76:44333/android.ovpn" target="_blank">android.ovpn</a></td>
<td class="fileitem" data-sort="1172"><span>5.14K</span></td></tr>
</tbody>
</table>
</div>
</body>整体实现的效果如下：
现在文件都齐了，接下来就可以调整nginx配置文件nginx.conf了。
我们之前在介绍备案的时候讲过（搞网站的你，不了解一下共享虚拟主机和备案问题），如果是公网环境，常用知名端口80、443、8080等端口是需要备案才能使用的，我们在测试DDNS和家用宽带的端口开放情况时也验证了这一点（家庭宽带的公网IPv4地址到底封了多少端口？）。
所以，一般建议选一个不知名端口，比如我就使用的44333端口，修改配置时，将listen后面默认的80端口修改为44333就可以了；然后就是根路径，将root后面默认的/usr/share/nginx/html修改为/ovpn就可以了。调整后的配置如下：
然后我们看访问效果。
可以实现文件的一点即下。
如果下载失败，需要注意查看文件的访问权限是不是644，也就是-rw-r--r--。
如果不是644会怎样呢？我们把windows.ovpn的权限修改为600，然后点击下载，发现请求被拒绝。
怎么样，是不是很简单呢？服务器配置完成之后，用户从一个页面就能完成剩余所有操作了。
长按二维码
关注我们吧
226
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
