【Linux】教你在 Linux 上搭建 Web 服务器,步骤清晰无门槛

【Linux】教你在 Linux 上搭建 Web 服务器,步骤清晰无门槛
在这里插入图片描述

【Linux】教你在 Linux 上搭建 Web 服务器,步骤清晰无门槛


摘要

对于许多开发者和技术爱好者而言,拥有一个属于自己的 Web 服务器是迈向更广阔技术世界的第一步。它不仅是学习网络知识、托管个人博客、展示作品集的平台,更是理解互联网工作原理的绝佳实践。然而,面对 Linux 的命令行,许多新手可能会望而却步。本文旨在打破这一壁垒,提供一份超详细、步骤清晰、真正零门槛的 Linux Web 服务器搭建指南。我们将以当前最主流的两种 Web 服务器软件 Nginx 和 Apache 为例,分别在两大主流 Linux 发行版家族(基于 Debian/Ubuntu 和基于 RHEL/CentOS)上进行实战演示。从系统更新、软件安装、防火墙配置,到部署第一个网页,每一步都配有详尽的命令和解释,确保即便您是第一次接触 Linux,也能轻松跟上,成功点亮您的第一个网站。


一、引言:为何要在 Linux 上搭建 Web 服务器?

在当今这个时代,云服务器已经触手可及,价格也日益亲民。拥有一台 Linux 云服务器,就如同拥有了一块数字世界的“自留地”,您可以在上面自由地构建和实验。而搭建 Web 服务器,就是在这块土地上盖起第一座房子的过程。

为什么选择 Linux?

  • 开源与免费:Linux 内核及其上绝大多数的软件都是开源的,这意味着您可以免费使用,并且可以深入研究其源代码。
  • 稳定与安全:Linux 以其卓越的稳定性和强大的安全模型著称,是全球绝大多数服务器的首选操作系统。
  • 高性能:Linux 对系统资源的有效管理使其能够提供优异的性能,非常适合运行需要7x24小时不间断服务的 Web 应用。
  • 强大的社区支持:遇到任何问题,您都可以在庞大的全球社区中找到答案和帮助。

本文将聚焦于两款最受欢迎的 Web 服务器软件:

  1. Nginx:发音为 “Engine-X”,以其高性能、高并发和低资源消耗而闻名,特别擅长处理静态文件和作为反向代理。
  2. Apache HTTP Server:一款老牌、稳定且功能极其丰富的 Web 服务器,拥有庞大的模块生态系统,配置灵活,兼容性好。

我们将分别介绍如何在以下两种主流 Linux 发行版上安装它们,您可以根据自己的服务器系统选择对应的教程:

  • Ubuntu 22.04 (代表 Debian 家族)
  • CentOS Stream 9 (代表 RHEL/Fedora 家族)

准备好了吗?让我们开始这段激动人心的旅程吧!

二、准备工作:连接并更新你的服务器

在开始安装任何软件之前,我们需要先通过 SSH (Secure Shell) 登录到您的 Linux 服务器,并执行一次全面的系统更新。这是一个至关重要的好习惯,可以确保系统中的所有软件包都处于最新状态,修复已知的安全漏洞。

    • username:通常是 root 或您在创建服务器时设置的用户名。
    • your_server_ip:您服务器的公网 IP 地址。
  1. 更新系统软件包

在 CentOS / RHEL / Fedora 上:

# 更新所有已安装的软件包到最新版本sudo dnf update -y 

在较旧的 CentOS 7 等版本中,使用的命令是 yum 而不是 dnf

在 Ubuntu / Debian 上:

# 更新可用软件包列表sudoapt update # 升级所有已安装的软件包到最新版本sudoapt upgrade -y 

sudo 命令用于以管理员(root)权限执行命令。-y 标志会自动对所有提示回答“是”。

通过 SSH 连接服务器您需要一个 SSH 客户端。在 Windows 10/11 上,您可以使用 PowerShell 或命令提示符;在 macOS 和 Linux 上,可以直接使用终端。命令格式如下:

ssh username@your_server_ip 

首次连接时,系统会提示您确认主机的真实性,输入 yes 并回车即可。然后输入您的密码,登录成功后,您将看到服务器的命令行欢迎信息。

完成以上步骤后,您的服务器就已经处在一个干净且最新的状态,可以开始安装 Web 服务器软件了。

三、方案一:搭建 Nginx Web 服务器

Nginx 是现代 Web 架构的宠儿,我们将先介绍如何安装和配置它。

3.1 在 Ubuntu 22.04 上安装 Nginx

Ubuntu 的官方软件仓库中包含了 Nginx,安装过程非常直接。

  1. 验证安装现在,打开您的本地浏览器,在地址栏输入您服务器的公网 IP 地址:http://your_server_ip。如果一切顺利,您将看到 Nginx 的默认欢迎页面!

管理 Nginx 服务安装完成后,Nginx 服务通常会自动启动。您可以使用 systemctl 命令来管理它。

# 检查 Nginx 服务状态sudo systemctl status nginx # 如果服务未运行,手动启动# sudo systemctl start nginx# 设置 Nginx 开机自启sudo systemctl enable nginx 

配置防火墙Ubuntu 默认使用 ufw (Uncomplicated Firewall) 作为防火墙管理工具。我们需要允许外部流量访问 Web 服务器的端口。

# 查看 ufw 为 Nginx 预设的配置方案sudo ufw app list 

您会看到类似 Nginx HTTP, Nginx HTTPS, Nginx Full 的选项。

# 仅允许 HTTP 流量 (端口 80)sudo ufw allow 'Nginx HTTP'# 启用防火墙 (如果尚未启用)sudo ufw enable# 查看防火墙状态,确认规则已生效sudo ufw status 

输出应该会显示 Nginx HTTP 规则处于 ALLOW 状态。

安装 Nginx

sudoaptinstall nginx -y 

3.2 在 CentOS Stream 9 上安装 Nginx

在 CentOS Stream 9 上安装 Nginx 同样简单。

  1. 验证安装同样地,在浏览器中访问 http://your_server_ip。您应该能看到 CentOS 上的 Nginx 欢迎页面。

管理 Nginx 服务

# 启动 Nginx 服务sudo systemctl start nginx # 设置 Nginx 开机自启sudo systemctl enable nginx # 检查服务状态sudo systemctl status nginx 

配置防火墙CentOS 默认使用 firewalld 作为防火墙。

# 永久允许 HTTP (端口 80) 和 HTTPS (端口 443) 流量sudo firewall-cmd --permanent --add-service=http sudo firewall-cmd --permanent --add-service=https # 重新加载防火墙配置以使规则生效sudo firewall-cmd --reload 

安装 Nginx

sudo dnf install nginx -y 

四、方案二:搭建 Apache Web 服务器

Apache 历史悠久,社区庞大,资料丰富,是新手入门的另一个绝佳选择。

4.1 在 Ubuntu 22.04 上安装 Apache

  1. 验证安装打开浏览器,访问 http://your_server_ip。您将看到 Apache 在 Ubuntu 上的默认页面,它会告诉您配置文件的位置等信息。

管理 Apache 服务

# 检查 Apache 服务状态sudo systemctl status apache2 # 设置开机自启sudo systemctl enable apache2 

配置防火墙ufw 同样为 Apache 提供了预设配置。

# 查看预设方案sudo ufw app list # 允许 Apache 的 HTTP 流量sudo ufw allow 'Apache'# 查看防火墙状态sudo ufw status 

安装 Apache在 Ubuntu 上,Apache 的软件包名为 apache2

sudoaptinstall apache2 -y 

4.2 在 CentOS Stream 9 上安装 Apache

  1. 验证安装浏览器访问 http://your_server_ip,您会看到由 CentOS 提供的 Apache 测试页面。

管理 Apache 服务

# 启动 httpd 服务sudo systemctl start httpd # 设置开机自启sudo systemctl enable httpd # 检查服务状态sudo systemctl status httpd 

配置防火墙这与 Nginx 在 CentOS 上的防火墙配置完全相同。如果您之前已经为 Nginx 配置过,则无需重复操作。

sudo firewall-cmd --permanent --add-service=http sudo firewall-cmd --permanent --add-service=https sudo firewall-cmd --reload 

安装 Apache在 CentOS/RHEL 家族中,Apache 的软件包名为 httpd

sudo dnf install httpd -y 

五、部署你的第一个网页

现在服务器已经运行起来了,但它只显示默认页面。让我们用一个自定义的 “Hello, World!” 页面来替换它。

Web 服务器从一个特定的目录中读取文件并将其提供给访问者,这个目录被称为 Web 根目录 (Web Root)

  • Nginx 的默认 Web 根目录: /usr/share/nginx/html/
  • Apache (Ubuntu) 的默认 Web 根目录: /var/www/html/
  • Apache (CentOS) 的默认 Web 根目录: /var/www/html/
  1. 保存并退出
    • nano 中,按下 Ctrl + X
    • 它会询问您是否保存,按下 Y
    • 最后按下 Enter 确认文件名。
  2. 刷新浏览器现在,回到您的浏览器,刷新 http://your_server_ip 页面。您应该能看到您刚刚创建的 “Hello, World!” 页面了!

编写 HTML 内容在打开的 nano 编辑器中,粘贴以下简单的 HTML 代码:

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Welcome to My Server!</title><style>body{font-family: sans-serif;display: flex;justify-content: center;align-items: center;height: 100vh;background-color: #2c3e50;color: #ecf0f1;margin: 0;}h1{font-size: 3em;text-shadow: 2px 2px 4px #000;}</style></head><body><h1>Hello, World! My Web Server is Running!</h1></body></html>

创建 HTML 文件我们将使用 nano 这个简单易用的命令行文本编辑器来创建一个 index.html 文件。当然,您也可以使用 vim。首先,为了避免权限问题,我们直接切换到 root 用户操作(实际生产环境不推荐,但对于初学者练习来说最简单)。

sudo -i 

现在,根据您安装的服务器和系统,进入对应的目录并创建文件。示例:以 Nginx on Ubuntu 为例

# 进入 Web 根目录cd /usr/share/nginx/html/ # (可选) 备份默认文件mv index.nginx-debian.html index.nginx-debian.html.bak # 创建并编辑新的 index.html 文件nano index.html 

总结

恭喜你!通过遵循本指南,您已经成功地在 Linux 服务器上搭建起了自己的 Web 服务器,并部署了第一个自定义网页。我们回顾一下核心步骤:

  1. 连接与准备:通过 SSH 登录服务器,并使用 aptdnf 更新系统,这是保证系统安全和稳定的基础。
  2. 选择与安装:我们演示了如何在 Ubuntu 和 CentOS 上安装 Nginx 和 Apache 这两款主流的 Web 服务器软件。
  3. 防火墙配置:学习了如何使用 ufwfirewalld 为 Web 服务打开必要的 HTTP/HTTPS 端口,这是让外界能够访问您网站的关键一步。
  4. 服务管理:掌握了使用 systemctl 来启动、停止、重启、设置开机自启和检查服务状态,这是服务器日常运维的基本技能。
  5. 内容部署:了解了 Web 根目录的概念,并成功创建并部署了一个简单的 HTML 页面。

这仅仅是一个开始。从这里出发,您可以继续探索更多高级主题,例如:

  • 配置虚拟主机,在同一台服务器上托管多个不同的网站。
  • 安装 PHP、MySQL/MariaDB,搭建经典的 LAMP 或 LEMP 环境以支持动态网站(如 WordPress)。
  • 申请并配置 SSL 证书,启用 HTTPS,保障网站数据传输安全。
  • 学习 Nginx/Apache 的高级配置,实现负载均衡、反向代理等功能。

希望这篇指南能为您打开一扇通往 Linux 和 Web 开发世界的大门。记住,动手实践是最好的学习方式。不断尝试,不断探索,您将收获更多。


拓展阅读与参考链接

  1. Nginx 官方文档 (Beginner’s Guide)
    • 简介:Nginx 官方提供的入门指南,内容权威、准确,是深入学习 Nginx 配置和原理的最佳起点。
  2. Apache HTTP Server 官方文档
    • 简介:Apache 的官方文档库,非常全面,涵盖了从基础配置到高级模块开发的所有内容。
  3. DigitalOcean Community Tutorials
    • 简介:一个高质量的技术教程社区,拥有大量关于 Linux 系统管理、Web 服务器配置(包括 LAMP/LEMP 栈)的优秀文章,步骤清晰,解释详尽。
  4. Let’s Encrypt 官网
    • 简介:一个免费、自动化、开放的证书颁发机构。当您准备为您的网站启用 HTTPS 时,这里是您获取免费 SSL 证书的首选之地,其提供的 Certbot 工具可以极大地简化配置过程。
  5. MDN Web Docs: HTML Introduction
    • 简介:如果您对创建网页本身感兴趣,Mozilla 开发者网络 (MDN) 提供了最权威、最全面的前端技术学习资料,从 HTML、CSS 到 JavaScript,应有尽有。

✨ 坚持用清晰易懂的图解+代码语言, 让每个知识点都简单直观!
🚀 个人主页不呆头 · ZEEKLOG
🌱 代码仓库不呆头 · Gitee
📌 专栏系列 :📖 《C语言》🧩 《数据结构》💡 《C++》🐧 《Linux》💬 座右铭 :“不患无位,患所以立。”

Read more

CMake构建WebRTC实战指南:从源码编译到性能优化

最近在做一个需要集成实时音视频的项目,自然就绕不开 WebRTC。但说实话,第一次尝试用官方那套基于 GN 和 Ninja 的构建流程时,我整个人是懵的。依赖复杂得像一团乱麻,动辄几个小时的编译时间更是让人望而却步,尤其是在需要为不同平台(比如 Windows、macOS、Linux)交叉编译的时候,简直是一场噩梦。作为一个长期使用 CMake 的开发者,我就在想,能不能用更熟悉的 CMake 来搞定这件事?经过一番折腾和踩坑,终于总结出了一套相对高效的 CMake 构建方案,编译时间从数小时缩短到了几十分钟,这里把实战经验和优化技巧分享给大家。 1. 为什么选择 CMake 来构建 WebRTC? WebRTC 官方使用的是 GN (Generate Ninja) + Ninja 的构建系统。这套系统本身很高效,但它有几个让开发者头疼的地方: * 学习成本高:GN 的语法和 CMake

WebP与Photoshop的格式革新:WebPShop插件全方位解析

WebP与Photoshop的格式革新:WebPShop插件全方位解析 【免费下载链接】WebPShopPhotoshop plug-in for opening and saving WebP images 项目地址: https://gitcode.com/gh_mirrors/we/WebPShop WebP格式支持与Photoshop插件的结合,为设计师带来了高效处理现代图像格式的全新可能。WebPShop作为一款开源插件,彻底打破了Photoshop对WebP格式的兼容性限制,让专业设计流程与现代图像格式无缝衔接。本文将从基础认知、进阶应用到问题解决,全面介绍这款工具如何重塑WebP图像处理流程。 基础认知:WebPShop插件核心价值 插件功能实现:从格式支持到完整工作流 WebPShop插件的核心价值在于实现了Photoshop与WebP格式的深度整合。通过安装该插件,设计师可以直接在Photoshop中打开、编辑和保存WebP图像文件,无需进行格式转换。这种原生级别的支持不仅简化了工作流程,还确保了图像质量在处理过程中不会受损。 WebP作为一种现代图像格

浏览器缓存机制详解:如何彻底解决前端代码更新后的缓存问题

浏览器缓存机制详解:如何彻底解决前端代码更新后的缓存问题

目录 * 浏览器缓存机制详解:如何彻底解决前端代码更新后的缓存问题 * 引言:被缓存支配的恐惧 * 一、浏览器缓存机制详解 * 1. 强缓存(无需询问服务器) * 2. 协商缓存(需要询问服务器) * 二、前端代码更新的缓存难题 * 三、终极解决方案:基于文件内容的哈希命名 * 1. 给静态文件加上哈希值 * 2. HTML文件:不缓存或短缓存 * 3. CDN 缓存控制 * 4. 处理旧版本资源 * 四、其他辅助策略 * 1. 使用 `immutable` 指令 * 2. 服务端配置 ETag 和 Last-Modified * 3. 动态资源(如API)的缓存控制 * 五、实战案例:从混乱到清晰 * 改造前 * 改造后 * 六、可能遇到的坑及解决方案

超酷!前端人必备的 3 个 Skills:搞定高级 UI,拿捏最佳实践,最后一个直接拉满“续航”!

最近和几位前端开发者聊天,发现一个有趣的现象:AI 写代码越来越快,但代码质量的差距反而越来越大。 有人用 Cursor 写出来的页面,一眼就能看出是 AI 生成的——紫色渐变背景、Inter 字体、千篇一律的卡片布局。而有的人用同样的工具,却能产出让人眼前一亮的作品。 差距在哪里?不在 AI 工具本身,而在于你给 AI 注入了什么样的"技能包" 。 今天想分享前端开发必备的三个 Skills。前两个是干货分享,能立刻提升你的代码质量;第三个可能出乎你的意料,但确实是我最近的真实体会。 Skill 1: 让 AI 懂设计,告别"AI 味"的界面 你有没有遇到过这种情况——AI 生成的页面虽然能用,但总觉得哪里不对劲? 布局平庸、配色单调、