9 上传网站文件到服务器

在上一篇，我们讨论了如何在Apache2中启用和禁用必要的模块，以确保服务器能够正确处理各种类型的请求。在本篇中，我们将专注于如何将网站文件上传到服务器，这是整个部署过程中的重要一环。如果没有正确上传文件，您的网站将无法正常运行。

准备上传

在您开始上传网站文件之前，请确保您已经在本地构建了网站，并且您知道要上传的文件和文件夹结构。通常情况下，一个简单的HTML网站可能包含以下结构：

/my-website
│
├── index.html
├── css
│   └── styles.css
└── js
    └── scripts.js

您可以在需要的情况下，使用开发工具（如Webpack、Gulp等）构建您的项目。

选择上传方式

有多种方法可以将网站文件上传到服务器，这里我们介绍几种常见的方法：

1. 使用FTP/SFTP工具

使用FTP（文件传输协议）或SFTP（安全文件传输协议）是上传文件到服务器的常见方法。您可以使用如下FTP/SFTP客户端进行操作：

• FileZilla – 一个开源的跨平台FTP/SFTP解决方案。
• WinSCP – Windows平台下的SFTP客户端。
• Cyberduck – 可用于macOS和Windows的FTP/SFTP客户端。

以使用FileZilla为例，您可以按照以下步骤操作：

1. 下载并安装FileZilla。
2. 打开FileZilla，在顶部即可看到输入FTP/SFTP服务器的字段。
3. 在“主机”字段输入您的服务器IP地址或域名，例如ftp://example.com。
4. 在“用户名”和“密码”字段中输入您的服务器的FTP用户名和密码。
5. 点击“快速连接”按钮，然后在右侧的文件列表中找到您的服务器目标目录（通常是/var/www/html）。
6. 将左侧本地文件（也就是您本地的my-website文件夹）的内容拖动到右侧目标目录，即可完成上传。

2. 使用命令行工具

如果您熟悉命令行，您也可以使用scp命令通过SSH协议，将文件从本地上传到远程服务器。假设您已在远程服务器上设置好了SSH并且可以通过SSH连接。

scp -r /path/to/my-website username@server_ip:/var/www/html

• -r：表示递归复制整个文件夹。
• /path/to/my-website：是您本地网站文件的路径。
• username@server_ip：是您的远程服务器的SSH用户名和IP地址。
• /var/www/html：是目标目录。

每当您执行上述命令之后，系统会提示输入远程服务器的密码。一旦输入正确，文件传输将开始。

3. 使用版本控制系统

如果您的网站代码托管在Git或其他版本控制系统上，您可以在服务器上直接拉取代码。例如，假设您有一个Git仓库，您可以在服务器上执行以下命令：

cd /var/www/html
git clone https://github.com/username/my-website.git .

这将把您的网站代码拉取到/var/www/html目录下。

检查文件上传

文件上传完成后，确保文件结构和内容按照预期存在。您可以使用SSH或FTP客户端查看服务器上的目录，确认所有文件都已正确上传。

示例

假设我们将网站文件夹传输到服务器上，并在执行ls命令查看目录时，输出应该如下所示：

$ ls -l /var/www/html
total 8
-rw-r--r-- 1 user user  1234 Oct 10 12:00 index.html
drwxr-xr-x 2 user user  4096 Oct 10 12:00 css
drwxr-xr-x 2 user user  4096 Oct 10 12:00 js

在这个示例中，您可以看到index.html文件和两个文件夹css以及js都成功上传，并存在于目标目录中。

小结

在这一篇中，我们详细介绍了几种将网站文件上传到Apache2服务器的方法，包括使用FTP/SFTP、命令行工具和版本控制系统。完成文件上传后，请确保一切文件的结构和内容都已正确无误。接下来，我们将在下一篇中讨论如何设置文件权限与文件所有者，以保证网站能够正常运行。

在此之前，确保您对上传的文件进行必要的检查和备份，以防止在后续操作中出现问题。