如何将文件上传到网络服务器 - 学习 Web 开发 编辑

这篇文章将会告诉你如何利用 FTP 工具来发布你的网站。 

概要

如果你已经建立了一个简单的页面, 你会想将它放到某些网络服务器上。在这章里，我们将讨论如何使用“FTP”。

自主学习

目前还没有有效的自主学习方法。 请考虑贡献。

深入探究

了解FTP客户端：FireFTP

有很多FTP客户端。我们的demo使用FireFTP演示，因为用FireFTP构建是非常容易的。如果你使用FireFTP,只要转到FireFTP插件页面并安装FireFTP。

当然这有许多其他的选项。参见发布工具：获取FTP更多的信息。

在个新的标签中打开FireFTP，FireFTP有两种办法。

1. Firefox menu ➤ ➤ FireFTP
2. Tools ➤ Web Developer ➤ FireFTP

现在你应该可以看到如下界面：

登入（Logging in）

在这个例子中，我们假设我们的托管提供商（将托管我们的HTTP Web服务器的服务）是一个虚构的公司“Example Hosting Provider”，其URL如下所示：

mypersonalwebsite.examplehostingprovider.net.

我们刚刚开通了一个帐户，并从他们那里收到了这些信息：

恭喜在Example Hosting Provider开设帐户。

你的账户是: demozilla

您的网站将在：

demozilla.examplehostingprovider.net

要发布到此帐户，请使用以下凭据通过FTP进行连接：

• FTP 服务: ftp://demozilla.examplehostingprovider.net
• 用户名: demozilla
• 密码: quickbrownfox
• 要在Web上发布，请将文件放入Public / htdocs目录中。

让我们查看一下此网页http://demozilla.examplehostingprovider.net/ — 正如你所见，现在这里什么也没有:

注意: 根据您的托管服务提供商的不同，大部分时间您会看到一个页面，内容如下：“此网站由[托管服务]托管”。

要将FTP客户端连接到远程服务器，请按“创建帐户...”按钮并使用托管提供商提供的信息填写字段：

在这里和那里：本地和远程视图

现在让我们连接这个新创建的帐户：

让我们来看看你所看到的：

• 在左边，你会看到你的本地文件。 导航到您存储网站的目录（本例中为mdn）。
• 在右侧，您会看到远程文件。 我们登录到了我们远程的FTP根目录（在这种情况下，users/ demozilla）
• 现在您可以忽略底部区域。 它是您的FTP客户端和服务器之间每次交互的实时日志。

上传到服务器

您应该记得，我们的主机提供商告诉我们，我们的文件必须存储在Public / htdocs目录中，如右窗格中导航所示：

现在，要将文件上传到服务器，请将它们从左侧窗格拖放到右侧窗格中：

文件都上传成功了吗?

到目前为止，很好，但文件真的在线吗？ 您可以在浏览器中返回您的网站（例如http://demozilla.examplehostingprovider.net/）进行仔细检查：

瞧！ 我们的网站已经活灵活现了！

其他方式上传文件

FTP协议是发布网站的一种众所周知的方法，但不是唯一的方法。 以下是其他一些可能性：

•  Web界面。 作为远程文件上传服务前端的HTML界面。 由您的托管服务提供。
• GitHub（高级）。 使用 提交/推送 方法的组合上传git 。 请参阅我们的 “Web指南入门” 中 发布您的网站 文章。
• Rsync（高级）。 本地到远程的文件同步系统。
• WebDAV。
• WebDAV. HTTP协议的扩展，允许更多的高级文件管理。

下一步

干得好，你几乎快完成了。 最后一项重要任务是确保您的网站正常工作。