D18-在服务器上部署 landing page
现在我们已经下载了一些 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-youspecial-promotional-offersextreme-deals-sitetoday-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”文件，然后点击“Next”。9）在下一步“Set permissions”，在“Manage public permissions”下面，改成“Grant public read access to this objecy(s)”。然后点击“Upload”（没必要点击“Set properties”和“Review”标签，目前不必修改）。注意：未来往这个 bucket 上传文件，都是这个流程。10）点击你创建的“sweeps”文件夹。点击“+ Create folder”，非会员试读19%,加入社区后可阅读全文 LZ敢整点更有创意的不？兄弟们等着围观捏~ 不错 支持下 打酱油的人拉，回复下赚取积分 楼下的接上 路过 帮顶 嘿嘿 众里寻他千百度，蓦然回首在这里！ 我只是路过，不发表意见 楼下的接上 顶顶更健康