S3 Web Hosting

title: S3 Web Hosting url: /flexmatch/lab23 weight: 40 pre: “2-3. ”

使用S3 Web Hosting创建排行榜

之前我们使用API Gateway和Lambda函数创建了数据库和API来处理用户数据和游戏结果。 在本页中，我们将创建由S3托管的静态网站。通过这个静态网页和我们之前创建的Lambda函数，我们可以轻松地制作排行榜。

  1. 转到S3服务并为网站创建S3存储桶。创建存储桶时，取消勾选阻止所有公共访问以允许公共对象访问。

  1. 在提供的源代码中有一个web目录。我们可以在此文件夹中找到main.js。使用文本编辑器打开main.js。

  2. 在源代码中编辑API端点。将URL修改为我们之前创建的API Gateway的调用URL。

  1. 保存修改后的main.js，并将web目录中的所有文件上传到我们创建的S3存储桶。

  2. 为对象提供公共读取访问权限。

  3. 点击存储桶中的属性选项卡。在此存储桶上启用静态网站托管。

  4. 在索引文档中输入index.html，然后点击"保存"按钮。

  1. 当我们的文件上传完成后，我们可以在静态网站托管端点上查看网页。

  2. 我们应该在API Gateway上配置CORS。通过此端点，我们可以从网页上查看排行榜数据。

  3. 返回API Gateway，点击"操作"按钮并启用CORS选项。（如果它被禁用）

  4. 配置CORS。将Access-Control-Allow-Origin设置为我们的静态网站URL。（在本实验中，为了方便，可以配置为*）

  1. 点击"启用CORS"按钮。

  2. 完成后，我们将能够在资源选项卡中找到OPTIONS。

  3. 点击"部署API"按钮将其部署到prod阶段。

我们可以通过API端点或此网页查看数据。

本节创建的网页将用作排行榜，如下所示。

现在，是时候创建游戏服务器了！:)

© 2020 Amazon Web Services， Inc. 或其附属公司，保留所有权利。