[小白向] 如何部署一个静态网页到自己的服务器并开放访问'

博主： LTsKi
发布时间：2019 年 01 月 18 日
2544次浏览
暂无评论
2467字数
分类：文章前端

## 部署网页（本文讲CentOS+Apache的方法）

** 如果你是一个刚刚学习网页制作(HTML)的学生，那么当你做出一个属于自己的网页的时候首先就会想到与别人分享自己的成果，但如何将自己做出来的网页部署在服务器上面呢？**

## 开始

** 其实很简单**如果你只是需要展示HTML类型的静态网页的话只需要你有** 一个云服务器**，然后装上** Apache**就可以了。

## Apache的安装(Centos为例)

** Apache**(中文名** 阿帕奇**)是一个被广泛使用网页服务端软件，可以实现端口监听，代理，反代理等等。（同类软件还有** nginx**）只需要安装上它你就有了网页服务。

+ 安装方式也很简单，只需要在** shell**上键入以下命令即可安装：

```bash
yum install httpd -y  //安装httpd
```

```bash
rpm -qa httpd   //检测httpd是否已经安装
systemctl start httpd.service   //启动httpd服务
```

至此** Apache**就安装完毕

## 配置Apache并建立一个网页文件夹

#### 配置

现在我们使用ftp工具，进入到** /etc/httpd/conf/**目录，会有一个httpd.conf文件

你可以下载下来修改内容后，上传覆盖这个配置文件

+ 打开这个** httpd.conf**文件，** 在最后一行加上这段代码**，用来添加一个配置文件

```bash
#解释:包含链接到另一个配置文件conf/extra/htttpd-web.conf中
Include conf/extra/htttpd-web.conf 
```

+ 在** /etc/httpd/conf/** 目录新建一个 ** 文件夹名为extra**
  ![](https://i.loli.net/2019/01/18/5c41eee2ac6dc.png)
+ 在** extra**文件夹里，新建一个文件名为** htttpd-web.conf**的文件
  ![](https://i.loli.net/2019/01/18/5c41efa79ca93.png)
+ 接下来修改** htttpd-web.conf**配置文件了，将下面的代码添加到文件中：

```bash
#监听80端口到虚拟端口上
<VirtualHost *:80>  
#网页文档的地址为：/var/html/text/
    DocumentRoot "/var/html/text"  
#网页访问错误报告称位置
    ErrorLog "/var/html/text/text-error_log"
#网页Log存放位置
    CustomLog "/var/html/text/text-access_log" common  
#文件目录/var/html/text/
    <Directory /var/html/text/> 
#所有文件
    Require all granted  
    </Directory>
</VirtualHost>  
#结束
```

#### 上传网页文件

+ 将配置文件保存并覆盖上传服务器后，我们就需要把网页也上传到服务器了
  由上面我们输入的配置文件可知，我们把网页文件设定在** /var/html/text/**目录中，所以第一件事：

** 在/va目录新建一个html文件夹**

** 在/var/html目录新建一个text文件夹**

** 在text文件夹文件夹中上传你的网页文件**(注意网页的首页应该是index.html)
![](https://i.loli.net/2019/01/18/5c41f46bb535d.png)

我在这直接就上传一个index.html作为测试

#### 配置和文件检查

+ 网页文件上传完了，接下来在shell中键入以下命令，用来检查语法和重启Apache

```bash
/sbin/service httpd configtest  //检查语法是否正确
systemctl restart httpd.service //重新启动httpd
```

![](https://i.loli.net/2019/01/18/5c41f69b9b72d.png)

#### 注意：如果你是刚买的服务器

** 一般刚买的服务器，如果是国内服务器的话（阿里云，腾讯云等）会自带安全组配置和系统防火墙。会导致你刚刚建好的网页无法访问所以请一一检查**

+ 1.安全组开放端口：具体解决办法的问题请百度：XXX服务器 开放端口
+ 2.系统防火墙：暴力解决办法：直接输入以下命令关闭防火墙

```bash
#关闭firewall：
systemctl stop firewalld.service    //停止防火墙
systemctl disable firewalld.service     //禁用防火墙
systemctl mask firewalld.service    //注销防火墙
chkconfig iptables off  //如果有安装了iptables防火墙，则会关闭
```

## 成果

进行了上面这一顿操作后，直接在浏览器中输入你的服务器地址：
刚才我上传的** index.html**成功显示出来了
![](https://i.loli.net/2019/01/19/5c41f951ddefa.png)

成功之后，如果需要绑定域名的话直接在域名中添加解析 A记录 为你的服务器IP地址就可以了。

最后修改：2021 年 09 月 24 日 12 : 38 PM

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

[小白向] 如何部署一个静态网页到自己的服务器并开放访问'

LTsKi • 2019 年 01 月 18 日

## 部署网页（本文讲CentOS+Apache的方法）

## 开始

** 其实很简单**如果你只是需要展示HTML类型的静态网页的话只需要你有** 一个云服务器**，然后装上** Apache**就可以了。

## Apache的安装(Centos为例)

+ 安装方式也很简单，只需要在** shell**上键入以下命令即可安装：

```bash
yum install httpd -y  //安装httpd
```

```bash
rpm -qa httpd   //检测httpd是否已经安装
systemctl start httpd.service   //启动httpd服务
```

至此** Apache**就安装完毕

## 配置Apache并建立一个网页文件夹

#### 配置

现在我们使用ftp工具，进入到** /etc/httpd/conf/**目录，会有一个httpd.conf文件

你可以下载下来修改内容后，上传覆盖这个配置文件

+ 打开这个** httpd.conf**文件，** 在最后一行加上这段代码**，用来添加一个配置文件

```bash
#解释:包含链接到另一个配置文件conf/extra/htttpd-web.conf中
Include conf/extra/htttpd-web.conf 
```

#### 上传网页文件

** 在/va目录新建一个html文件夹**

** 在/var/html目录新建一个text文件夹**

** 在text文件夹文件夹中上传你的网页文件**(注意网页的首页应该是index.html)
![](https://i.loli.net/2019/01/18/5c41f46bb535d.png)

我在这直接就上传一个index.html作为测试

#### 配置和文件检查

+ 网页文件上传完了，接下来在shell中键入以下命令，用来检查语法和重启Apache

```bash
/sbin/service httpd configtest  //检查语法是否正确
systemctl restart httpd.service //重新启动httpd
```

![](https://i.loli.net/2019/01/18/5c41f69b9b72d.png)

#### 注意：如果你是刚买的服务器

+ 1.安全组开放端口：具体解决办法的问题请百度：XXX服务器 开放端口
+ 2.系统防火墙：暴力解决办法：直接输入以下命令关闭防火墙

## 成果

进行了上面这一顿操作后，直接在浏览器中输入你的服务器地址：
刚才我上传的** index.html**成功显示出来了
![](https://i.loli.net/2019/01/19/5c41f951ddefa.png)

成功之后，如果需要绑定域名的话直接在域名中添加解析 A记录 为你的服务器IP地址就可以了。

[小白向] 如何部署一个静态网页到自己的服务器并开放访问'

发表评论取消回复

Hexo的个人博客网站的搭建历程（三）—评论系统

文章测试页

DAC便携式耳放 ELECOM EHP-AHR192安卓版电脑使用教程

Deep Q&A 聊天机器人基本框架的搭建

Github+Hexo的个人博客网站的搭建历程(一)—开始

解决Code::Blocks的SpellChecker插件报错问题

Xftp和Xshell6学生及家庭版申请方法

Github+Hexo的个人博客网站的搭建历程(一)—开始

Hexo博客进阶之文章链接—自定义永久链接

Hexo的个人博客网站的搭建历程（三）—评论系统

[小白向] 如何部署一个静态网页到自己的服务器并开放访问'

发表评论 取消回复

[小白向] 如何部署一个静态网页到自己的服务器并开放访问'

发表评论取消回复