如何将文件上传到网络服务器

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

前提: 你必须知道什么是网络服务器? 以及域名是如何工作的。你必须知道如何搭建一个基本环境,还有如何写一个简单的网页
目标: 学习如何将文件上传到FTP服务器。

概要

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

自主学习

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

深入探究

了解FTP客户端:FireFTP

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

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

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

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

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

FireFTP : the interface, not connected to a server

登入(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/ — 正如你所见,现在这里什么也没有:

Our demozilla personal website, seen in a browser: it's empty

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

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

FireFTP: creating an account

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

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

The FTP interface, once logged

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

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

上传到服务器

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

Changing to the htdocs folder on the remote server

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

The files show in the remote view: they have been pushed to the server

文件都上传成功了吗?

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

Here we go: our website is live!

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

其他方式上传文件

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

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

下一步

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

 

文档标签和贡献者

此页面的贡献者: bingxl, xiwusheng, PokimLee, summerstarlee, ArcherGrey
最后编辑者: bingxl,