使用 AWS 构建全栈电子商务平台
It looks like the text you’d like translated wasn’t included in your message. Could you please paste the content you want me to translate (excluding the source line you already provided)? Once I have the text, I’ll translate it into Simplified Chinese while preserving the formatting, markdown, and any code blocks or URLs.
Source:
介绍
我最近搭建了一个电子商务网站，能够处理带有图片上传的定制礼品订单、支付处理、订单跟踪以及管理员仪表盘——全部运行在完全无服务器的架构上。本文将逐步阐述技术决策、架构模式以及所汲取的经验教训。
步骤概览
- Landing Page – 客户了解产品并点击 “Order Now”。
- Customization – 客户填写自定义信息，并可选择上传照片。
- Address Entry – 客户输入收件人的收货地址和账单信息。
- Payment – 客户被重定向到支付网关。
- Success – 支付完成后，客户看到订单号和跟踪链接。
- Email – 客户收到包含订单详情的确认邮件。
- Tracking – 客户可随时使用订单号查询订单状态。
邮件功能
- HTML 模板使用内联 CSS，以兼容电子邮件客户端。
- 支持多个管理员收件人。
- Reply‑to 头部，使管理员能够直接回复客户。
- 订单详情格式化，便于阅读和履行。
部署自动化
整个部署过程已实现自动化：
- 将代码推送到 GitHub。
- Amplify 检测到变更，构建 Next.js 应用，注入环境变量，并部署到 CloudFront CDN。
- 网站在约 305 分钟 内上线。
关键优势
- 基于 Git 的部署 – 推送到 GitHub → 自动进行 AWS 部署。
- 内置 CI/CD – 无需 Jenkins 或 GitHub Actions。
- 免费 SSL 证书 – 自动启用 HTTPS。
- 全球 CDN – 包含 CloudFront。
- 自定义域名 – 简单的 DNS 配置。
- 环境变量 – 安全的密钥管理。
- 预览部署 – 在合并前测试 PR。
Source: …
AWS 服务
AWS Amplify Gen 2
它是什么？
一个完整的开发平台，处理 Web 应用的托管、CI/CD 和后端基础设施。它是 Amplify 的第二代。
我选择它的原因
- 基于 Git 的部署（push → 自动部署）。
- 内置 CI/CD（无需外部流水线）。
- 免费的 SSL 证书。
- 通过 CloudFront 提供的全球 CDN。
- 简单的自定义域名设置。
- 安全的环境变量管理。
- 用于 PR 测试的预览部署。
使用方式 – 托管 Next.js 前端，运行 CI/CD 流水线，并提供 CloudFront 分发。
Amazon DynamoDB
它是什么？
一款完全托管的 NoSQL 数据库，提供单毫秒级的性能，支持任意规模。它是无服务器的——无需预置、打补丁或管理。
我选择它的原因
- 无服务器且自动弹性伸缩。
- 按请求计费。
- 稳定的低延迟。
- 与 AWS 紧密集成。
使用方式 – 存储订单数据、用户资料和商品信息。
Amazon S3
它是什么？
面向任意数据量的对象存储，是 AWS 存储的基石。
我选择它的原因
- 无限存储空间。
- 预签名 URL 用于安全、临时访问。
- 成本低廉。
- 应用程序可直接通过 SDK 访问。
使用的特性
- 私有 bucket（图片不对外公开）。
- 预签名 URL（1 小时有效期）。
- 通过 API 路由进行服务器端上传（浏览器不直接访问 bucket）。
- 正确的
Content‑TypeMIME 处理。 - 默认将 bucket 策略设为私有。
Amazon Cognito
它是什么？
用于 Web 和移动应用的身份验证、授权和用户管理服务，支持直接登录和第三方身份提供商。
我选择它的原因
- 原生 AWS 集成。
- 内置 MFA 支持。
使用方式 – 管理客户账户，处理注册/登录流程，并保护 API 端点。
Amazon SES（Simple Email Service）
它是什么？
基于云的邮件服务，用于发送事务邮件、营销邮件和通知邮件。
使用方式 – 发送订单确认、发货更新以及管理员通知，使用上文描述的 HTML 模板。
Amazon CloudFront（通过 Amplify）
它是什么？
全球内容分发网络（CDN），在 400 多个边缘位置提供低延迟内容交付。
使用方式 – 为 Next.js 站点的静态资源和预签名图片 URL 提供快速、安全的全球分发。