使用 AWS Amplify Hosting 部署 AWS re:Invent 地图

发布: (2026年1月18日 GMT+8 15:51)
3 min read
原文: Dev.to

Source: Dev.to

关于 AWS re:Invent 地图

AWS re:Invent 地图可视化会议场地周边的位置——附近的酒店、餐厅和会议厅——帮助与会者在 AWS re:Invent 期间导航。该应用通过 AWS Amplify Hosting 部署。(相同的做法也用于 AWS Heroes 地图和 Yamaokaya 地图。)

使用 Amplify Hosting 部署应用

  1. 创建 GitHub 仓库 并推送代码(以 re:Invent 地图仓库为示例)。
  2. 在 Amplify 控制台中:
    • AWS Amplify → 创建新应用
    • 选择 GitHub下一步
    • 选中仓库和分支 → 下一步
    • 输入应用名称 → 下一步
    • 点击 保存并部署
  3. 部署完成后,点击 访问已部署的 URL 查看地图。

配置自定义子域名(Cloudflare 注册的域名)

  1. Route 53 → 创建托管区域

    • 设置 子域名公共托管区域创建托管区域
    • 复制新生成的四条 NS 记录。
  2. Cloudflare 控制台 → DNS 记录 → 添加记录

    • 添加这四条 NS 记录并 保存
  3. AWS Amplify → 自定义域名 中:

    • 点击 添加域名,选择子域名,然后 配置域名
    • 选择分支和证书,随后 添加域名
    • SSL 证书将自动创建。
  4. 当 DNS 更改生效(在 Route 53 → 托管区域 → 子域名 中可见)后,使用以下地址访问地图:

    https://reinvent.dayjournal.dev

启用 AWS WAF(Web 应用防火墙)

  1. 在 Amplify 中点击 启用防火墙
  2. 选择 创建新 → 启用防火墙保护 → 添加防火墙
  3. 当状态从 关联中 变为 已启用 时,即表示完成。

Amplify 日本用户组公告

🚀 AWS Amplify 2026 大会 🚀
大会将于 2026 年 1 月 20 日(星期二) 在日本举办。由 Amplify 日本用户组主办,主题为 “Amplify 在加速新创企业中的吸引力”。上午安排面向初学者的工作坊,下午展示多家公司的案例研究。

aws-amplify-jp.github.io

Back to Blog

相关文章

阅读更多 »

Rapg:基于 TUI 的密钥管理器

我们都有这种经历。你加入一个新项目,首先听到的就是:“在 Slack 的置顶消息里查找 .env 文件”。或者你有多个 .env …

技术是赋能者,而非救世主

为什么思考的清晰度比你使用的工具更重要。Technology 常被视为一种魔法开关——只要打开,它就能让一切改善。新的 software,...

踏入 agentic coding

使用 Copilot Agent 的经验 我主要使用 GitHub Copilot 进行 inline edits 和 PR reviews,让我的大脑完成大部分思考。最近我决定 t...