D18-在服务器上部署 landing page

xingqing

现在我们已经下载了一些 landing page 了，我们需要一个地方托管它们，这样访客才能够在线访问它们，所以，我们这节课讲讲主机配置的内容。

我们也需要给我们的 landing page 注册一个域名，并且需要快速的域名解析和跳转速度，这样就可以让 landing page 尽快的加载。

还有一点大家可能忽略的，我们必须配置一个 CDN 来确保全球各地的用户都可以用很快的速度加载 landing page。并且以后你就知道，加载速度对于弹窗流量来说是十分重要的，因为没有人会有耐心等一个跳出的广告加载完。

请注意：我们这里采用 Namecheap 作为域名服务商，Route 53 作为 DNS 服务商，Amazon S3 作为网络服务器，还有 Amazon Cloudfront 作为 CDN。如果你想用其他服务商替换上述服务商，都是可以的，只要大家熟悉相关平台即可。

行动部分

1、在 Namecheap 注册域名

1）现在 namecheap 注册一个账号（已有的忽略）。

2）登陆，点击“Domains”——“Domain Name Search”。

3）想一个域名。如果你有一个垂直领域想要专注的，你可以想一个和这个垂直领域相关的域名（比如，sweeps 抽奖可以用比如 daily-prize-rewards.com）。如果你还没决定跑什么垂直领域，就可以用一些通用的，比如：

exclusive-offers-for-you

special-promotional-offers

extreme-deals-site

today-only-special-offers

大概就是这个意思。不建议在域名注册上花太多时间，想一个差不多的就行了，因为跑广告的域名很快就会被谷歌禁掉的，然后就要重新注册了。

在输入框输入你想注册的域名，然后点击回车。已经备注册域名会提示“TAKEN”，然后有一个“make offer”的按钮在最后。而可以注册的域名会提示你加入购物车“add to cart”。

并且记住，不是一定要有一个 .com 的结尾。比如 .xyz，.club 之类的更便宜，都是可以的。记住两点：

a）用户更容易信赖 .com 域名。我自己没有进行过专门的分离测试，所以不知道 .com 域名会比其他域名效果好多少。

b）有些人认为 .com 域名更加不容易被谷歌封禁。

你可以自己做实验测试。对于这次的域名，不必过于担心，随便注册一个就行了。

4）一旦你想好了域名名称，点击“add to cart”，然后点击“View Cart”，然后完成支付。

额外的服务都是不必购买的：

购买一年足够了——如果一年以后谷歌没有把域名标记封禁，那就再续费一年。“AUTO-RENEW”我推荐关闭。

“WhoisGuard” 在 Namecheap 已经永久免费了，因为弹窗广告总是有点灰色，所以还是使用它来保护自己的隐私比较好。

不必购买 “Premium DNS”，我们会使用 Amazon Route 53，后面会讲。

我为本课的讲解购买了一个新的域名，域名是 extremedeals.club。我在后面的课程就会继续使用这个域名。

2、在 Amazon S3 设置主机

1）注册 AWS 账号：https://aws.amazon.com/

2）登录 AWS Console。点击“Services”——“Storage”下面的“S3”。点击“Create bucket”。

3）在“Create Bucket”窗口，输入你的域名（可以包含扩展名）作为“Bucket name”，保持“Region”默认（位置不重要，因为我们会使用 CDN 来为全球缓存页面），然后点击“Create”。

（更新：有人测试了，bucket 的位置会存在明确的影响，虽然我还不了解具体原因，大家可以自己去测试一下能否改善你的加载速度。）

注意：Bucket 名称并无所谓，主要是方便你记得域名。不过这个名称必须是唯一的（整个 AWS 唯一，而不仅仅是你的账号下）。我命名为了“extremedeals.club”。

4）点击你创建的 bucket 名称。点击“Permissions”标签。“Block public access”默认应该是高亮的（如果没有，就选中它）。点击“Edit”。去掉 4 个选项的勾选，然后点击“Save”。

输入“confirm”然后点击“Confirm”：

5）点击“Bucket Policy”，然后粘贴下列代码进入 bucket policy 编辑器，把“MYBUCKET”替换为你的 bucket 名称！

代码：

====下列代码====

{

  "Version":"2012-10-17",

  "Statement":[{

    "Sid":"ublicReadGetObject",

        "Effect":"Allow",

      "rincipal": "*",

      "Action":["s3:GetObject"],

      "Resource":["arn:aws:s3:::MYBUCKET/*"

      ]

    }

  ]

}

====上述代码====

然后点击“Save”。

6）点击“Overview”标签，点击“+ Create folder”，输入名称“sweeps”（或者任何你选择的垂直领域）然后点击“Save”（保持默认选中的“None”）。

7）在你的桌面，打开任何一个文本编辑器，然后随便写一些文本，比如“hello world！”，保存成为“index.html”。

8）回到 Amazon S3，点击“Upload”然后点击“Add files”。在你的电脑上选择“index.html”

加入社区,可阅读全站10w+资源

您尚未登录，请登录后操作

 非会员试读19%,加入社区后可阅读全文