如何使用Amazon S3拍摄WordPress到云端& CloudFront

Keenan Payne. 经过 Keenan Payne.  |  2013年8月07日

云计算是网络设计和计算行业的流行语之一,似乎具有一个非常简单的定义,而是无数的用途。它是用于定义Internet和远程服务器的使用以存储和管理数据的短语。

一个流行的例子是Google文档。您可以在Internet上创建和处理文档,当您保存时,该文件也会在Internet上保存。当然,在将电脑下载到您的计算机时,始终是一个选项,大部分会发生什么都在谷歌的服务器上。

这种工作方法存在许多好处。

您可以假设自从谷歌使用的公司使用的所有文档都是安全的,因此您还有减少硬盘驱动器使用情况,并使用更少的资源来创建文档。

Amazon_s3_homepage.

今天我想谈谈两个云计算应用程序:亚马逊简单的存储服务(S3)和Amazon CloudFront。这两个服务确实可以将文件从您的网站保存到Amazon的远程服务器上,并从世界上的多个位置为用户提供这些文件,以优化加载时间和文件传递。 Amazon CloudFront是通常称为内容交付网络的内容,或CDN。有许多服务如这些可用,但由于每个的灵活定价结构以及亚马逊的可靠性,它们似乎是基于云的服务的粉丝最喜欢的服务。 

现在你在云计算和我们将要关注的亚马逊服务上有一点背景,我们究竟使用它们是什么?嗯,我将向您向您展示将所有WordPress网站文件上传到Amazon S3的最简单方法,然后使用CloudFront以最快的方式传送这些文件。 

 

注册Amazon S3和CloudFront

迈出的第一步是签名Amazon S3和CloudFront。您可以通过访问此页面来实现: http://aws.amazon.com/s3/,一旦您注册了其中一个服务,您将拥有所有这些服务。您只需支付您使用的内容,这就是使亚马逊提供的服务如此之大。所以一旦您注册,您可以终止亚马逊Web服务(AWS)管理控制台 http://aws.amazon.com/console. 一旦您登录AWS控制台,您可以看到Amazon优惠的所有服务。 AWS控制台是您将管理您使用的任何服务的地方,但现在我们对S3刚刚感兴趣,因此请继续并单击该链接。

Amazon_s3_console_dashboard.

用户界面非常简单,实际上是超级易于使用的。我们首先要点击“创建桶”以为我们的WordPress站点创建存储桶。桶有效地为您的所有文件有效。所有它确实是确定我们存储文件的哪个网站,然后保存它们。您可以将桶命名为您想要的任何内容,但您的网站或项目名称可能是最有意义的。 

 

设置云端分布

现在,我们将留在AWS控制台中,但通过点击顶部导航中的“服务”来导航到CloudFront区域。

Amazon_CloudFront_console_dashboard.board.

现在,我们所要做的就是点击“创建分发”按钮,并从两个选项选择“下载”,因为它将使用我们之前创建的S3存储桶。单击“继续”,您可以选择“Origin Domain Name”,这将只是我们的S3桶。现在单击“创建分发”。您应该在我们的CloudFront仪表板上看到分发显示。状态列表示“已部署”并说明“已启用”,您的网站正在从Amazon S3移动到CloudFront CDN。 

 

使用W3总缓存和配置S3

现在我们有我们的桶创建,我们必须设置我们的WordPress网站与S3进行通信,并开始上传所有文件。我们将使用一个叫做的流行WordPress插件 W3总缓存 因为插件不仅具有轻松使用S3(以及任何CDN的CDN)的功能,因此使用最佳缓存技术来加速您的网站的很大程度上 - 描述W3总缓存的缓存侧超出范围本文,但你可以找到 这里的伟大教程。

一旦我们安装并激活了插件,我们将导航到插件选项中的常规设置。有一次,向下滚动,直到看到CDN的选项。确保检查“启用”,然后用于CDN类型,向下滚动到亚马逊CloudFront下面的原点拉/镜,然后单击“保存所有设置”。 

w3_total_cache_cdn_configuration.

一旦我们将CloudFront设置为CDN,我们现在可以导航到插件选项中的CDN页面。忽略顶部的常规选项,然后向下滚动到配置。在这里,我们将进入我们的访问密钥ID,秘密密钥,并告诉插件我们想要存储文件的S3存储桶。要查找访问密钥和密钥,请单击AWS控制台时单击您的名称,然后单击“安全凭据”以接收必要的信息。有一次信息中,您的桶应自动提出,因此只需确保所选的正确性。现在不要乱用SSL支持或CNAME,只需单击“Test S3上传”按钮。经过一分钟左右,您应该收到一条消息,即“测试传递”。如果你不这样做,你可能有一个错误的钥匙。通过测试保存设置后,现在我们将开始使用同一页面上的常规设置。 

 

上传文件

现在我们有一切都设置,是时候到了令人兴奋的部分了。我们将使用W3总缓存开始将我们的文件上传到Amazon S3。在CDN的常规设置中,我建议检查以下选项并保存: 

  • 主机附件
  • 主机WP-包括/文件
  • 主机主题文件
  • 主机自定义文件

这将托管S3上的所有附件,主题和WordPress核心文件,所以几乎您的整个站点都将从Amazon S3提供。我们将按照我们将首先上传我们的主题文件,然后我们的WP-包括文件,以及我们的主机附件上传我们的主题附件。继续,然后单击“上传主题文件”,您将看到一个弹出窗口。

w3_total_cache_cdn_transfer.

您将看到您拥有的文件总数,您可以单击“开始”。您将在上传文件中看到进度,并确定上载过程中可能发生的任何问题。上传通常很快,而且应该只需要一两分钟,取决于您的Internet连接,上传主题文件。接下来,我们将为我们的WP-包括文件做同样的事情,并将上传到S3的那些。 

我选择了持续的主机附件,因为就个人而言,这是让所有上传到Amazon S3的所有文件的最长过程。我有一个大博客,超过11,000张图片。如果要减少图像的大小,因此,将其上传到S3所需的时间,我强烈建议签出 wp smush.it插件。 现在,您可以继续上传所有图像附件。它可能需要一段时间,具体取决于您的Internet连接和图像数量。我不得不让服务运行了半天只是为了获得所有的图像上传。

w3_total_cache_cdn_transfer._complete.

恭喜,您的网站现在应该托管在Amazon的S3服务中,并且您网站上的所有图像都应从您的亚马逊CloudFront分布中拉出;您可以通过右键单击图像并检查其位置URL来检查。  

 

使用WP超级缓存配置S3和CloudFront

如果您更具WP Super Cache的粉丝,那么WordPress的替代缓存插件,您就在运气中:设置Amazon S3和CloudFront就像使用以前的插件一样简单。 

要启动,您需要安装和激活插件。只需检查WP超级缓存设置的“简易”选项卡上的“简易”选项卡上的“缓存”单选按钮即可激活插件。这将获得WP超级缓存插件以开始工作。 

wp_super_cache_cdn_settings.

接下来,导航到CDN选项卡,并确保选中“启用CDN支持”,然后我们将在我们的CloudFront URL中输入。您可以通过导航到AWS控制台来找到此URL,并查看刚刚创建的分发,它将在“域名”列下。它应该看起来像xxxxxxxxxxx.cloudfront.net的东西。不要更改任何其他设置,只需单击“保存更改”按钮。

不幸的是,WP超级缓存插件不包括自动将所有WordPress文件上传到我们的Amazon S3存储桶的方法。这意味着我们必须安装 CDN SYNC工具插件 对于WordPress。正常安装插件,然后导航到“选项”页面。 

我们将首先使用CDN选项选项卡,并填写我们的Amazon S3信息。确保从CDN下拉菜单中选择S3。接下来,键入您的Amazon S3域名,例如domainname.s3.amazonaws.com,并在您的访问密钥和密钥中键入,您可以通过单击“AWS控制台”,然后单击“安全凭据时,您可以通过单击名称来检索“,并输入您在本教程中之前使用的桶名称。单击“保存和测试更改”按钮。 

cdn_sync_tool_sync_options.

导航到“同步”选项卡,然后选择要上传到CDN的任何文件。单击“同步”按钮,此过程会为您而发生。 

现在,您的所有文件都应与您的Amazon S3存储桶同步,WP超级缓存插件应该通过CloudFront服务所有文件。

 

包起来

就是这样。您的网站现在应该从Amazon的简单存储服务托管所有文件,并使用首选WordPress缓存插件通过CloudFront内容交付网络分发。如果您就像我一样,不想继续托管那些讨厌的媒体文件以保存VPS空间,那么您可能想要退房了一些插件: 

这两种插件都将直接将文件上传到S3,并确保它们不在您自己的服务器上驻留;务必阅读两者的描述,看看它们是如何工作的。

 

您是否将您的网站迁移到云端?您选择使用哪些服务?让我们在评论中知道。 

特色图片/缩略图, 云图像 via Shutterstock.