想法变现实！利用 Amazon Q Developer 构建浏览器游戏

**本文将展示使用 [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 来开发浏览器游戏，以及结合 [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 与 VS Code 集成提升开发效率**。开发过程中将采用React、[Amazon S3](https://aws.amazon.com/cn/s3/?trk=cndc-detail)、[Amazon DynamoDB](https://aws.amazon.com/cn/dynamodb/?trk=cndc-detail)、Amazon Lambda、[Amazon API Gateway](https://aws.amazon.com/cn/api-gateway/?trk=cndc-detail)和[Amazon Cognito](https://aws.amazon.com/cn/cognito/?trk=cndc-detail) 等技术。 ### **构建 Trivia Snake 游戏** Trivia Snake 是一款融合了经典蛇形游戏和知识问答元素的创新游戏，玩家在游戏中扮演一条蛇，穿梭于屏幕上，同时挑战问答题目。游戏左侧会显示问题，玩家需要吃掉与正确答案对应的字母，以缩短蛇身并进入到下一题。同时玩家需保持敏捷，因为每过3秒，蛇的长度就会增加，游戏的挑战性随之提升。 值得一提的是，不管您是历史迷、科学爱好者，还是流行文化狂热分子，都可以根据自己的兴趣来定制游戏，您只需借助简单易用的工具，即可创建自己的问答题库，设置独一无二的问题。 您还可以将它免费部署并托管在亚马逊云科技账户中！ **复制下方链接，立即开始体验！** **Trivia Snake：** https://dj3xrj5xgqclx.cloudfront.net/?trk=cndc-detail  ### **架构说明**  1. **React**：游戏前端部分，负责呈现游戏界面、处理用户输入，并与后端进行交互。 2. **[Amazon CloudFront](https://aws.amazon.com/cn/cloudfront/?trk=cndc-detail)**：用于内容分发，本例中主要为网页内容分发。 3. **[Amazon API Gateway](https://aws.amazon.com/cn/api-gateway/?trk=cndc-detail)**：用于创建游戏的 RESTful API。玩家可以通过该 API 获取或创建冒险、保存成绩以及查看排行榜，它还通过WebSockets提供多人游戏功能。 4. **Amazon Lambda**：执行 API 逻辑的作游戏后端。 5. **[Amazon DynamoDB](https://aws.amazon.com/cn/dynamodb/?trk=cndc-detail)**：用于存储游戏数据和多人游戏会话信息。 6. **[Amazon Cognito](https://aws.amazon.com/cn/cognito/?trk=cndc-detail)**：负责用户身份验证和授权。 7. **[Amazon S3](https://aws.amazon.com/cn/s3/?trk=cndc-detail)**：负责存储前端代码和游戏资源。 8. **[Amazon Bedrock](https://aws.amazon.com/cn/bedrock/?trk=cndc-detail)**：作为一项托管的生成式 AI 服务，允许用户在创建自定义冒险时利用 Claude Haiku 3.5 实现生成式 AI 功能。 ### **Amazon Q Developer** [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 提供了如何利用亚马逊云科技服务将 Trivia Snake 游戏构想变为现实的建议。 向 [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail)uantum Developer 介绍游戏的概念时，它能够迅速提供一个如前文所述的高效的技术架构建议。 随着开发进程的逐步推进，[Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 会在每个阶段都提供帮助。比如它自动生成了 Lambda 函数的代码模板、[Amazon API Gateway](https://aws.amazon.com/cn/api-gateway/?trk=cndc-detail) 的端点配置以及 [Amazon DynamoDB](https://aws.amazon.com/cn/dynamodb/?trk=cndc-detail) 的数据表定义，极大节省用户时间和精力。 它还将引导您使用 Amazon CloudFormation 设置基础架构，并轻松地处理资源创建和相关权限配置。 在整个开发过程中，您可以不断与 [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 进行交互，描述您想要实现的功能，[Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 会推荐最合适的亚马逊云科技服务并提供代码示例，从而帮助您开发 React 前端代码、实现 Lambda 函数，并配置整个基础架构。 并且用户可以通过在聊天框输入“/Dev”即可激活自动化代理，**只需要提出需求，生成式 AI 便能在极短的时间内完成90%——95%的更改**。您只需要确认这些修改并观察实时效果，这将大幅减少手动操作。尽管有时需要修正小错误，但生成式 AI 能够对用户界面、API 层、Lambda 函数进行修改，并更新 Amazon CloudFormation 模板，以实现复杂的功能请求。 以下是一个示例：  示例  修改的文件 下面示例展示了 [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 如何同时修改 React 代码、Lambda 函数和 Amazon CloudFormation 模板：    使用生成式 AI 创建冒险游戏 您可以登录体验小游戏，查看它的准确性。 由于文本输入框的自由程度，难免会出现一些不当内容。因此，您可以在创建时添加一项辱骂检查功能，以防止任何被认为不适合所有年龄段的内容提交，以确保内容的适宜性，维护用户体验。  辱骂检查 ### **使用 Amazon Q Developer 实现多人游戏模式** [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 还能指导实现游戏的多人模式。 [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 成功实现了从 UI 更改到 typescript lambda 代码和 dynamodb 表结构的整个功能集，将这一过程所需的时间从一周缩短至两天。就算对 websockets 没有任何经验，借助 [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer，您也能开发出一个可以运行的多人游戏，允许任意数量的玩家一起尝试回答 Trivia Snake 游戏中的问题。  多人游戏大厅 ### **须知事项** 在某些情况下，[Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 可能未将生成的文件提交给用户，用户需要再次发出提示才能获得所需的文件。  文件丢失 在某些情况下，尽管系统报告已完成指定的多项任务，但实际检查代码时可能会发现未正确实现部分逻辑，这种现象通常出现在用户一次性提出多个复杂要求时，系统可能在处理过程中出现疏漏。 ### **总结** [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer 帮助后端开发者也能开发一款具备注册、登录、游戏、排行榜、测验编写、人工智能和多人游戏等多功能的反应式网页游戏，并且只需要在几天内投入**10至12小时**的工作量，便能将该游戏成功部署到基础设施即代码（infra—as—code）环境中。 **您可复制下方链接，立即开始体验创建 Trivia Snake 游戏！** **Github：** https://github.com/karthiks3000/trivia-snake?trk=cndc-detail **Trivia Snake游戏**：https://dj3xrj5xgqclx.cloudfront.net/?trk=cndc-detail **扫描下方二维码，立即体验 [Amazon Q](https://aws.amazon.com/cn/q/?trk=cndc-detail) Developer，开启您的游戏开发之旅！**    **前述特定亚马逊云科技生成式人工智能相关的服务仅在亚马逊云科技海外区域可用，亚马逊云科技中国仅为帮助您了解行业前沿技术和发展海外业务选择推介该服务。*