Amazon Amplify 为 Web 和移动应用程序开发人员带来的新功能

## 视频 <video src="https://dev-media.amazoncloud.cn/30-LibaiGenerate/31-LiBaiRebrandingVideo/FWM306-What_s_new_for_web___mobile_app_developers_with_AWS_Amplify-LBrebrandingWCaptionCN.mp4" class="bytemdVideo" controls="controls"></video> ## 导读 亚马逊云科技 Amplify 使前端 Web 和移动开发人员能够轻松地在数小时内用最少的云专业知识构建全堆栈应用程序。在本论坛中，演练 Amplify 功能，包括如何轻松配置具有身份验证、数据和存储的后端；如何从 Figma 设计或使用新的自定义组件创建前端 UI ；以及如何使用 Next.js 托管静态和服务器端渲染的 Web 应用程序。了解激动人心的新功能，这些功能使开发人员和团队更容易加快其创新步伐，利用数据构建差异化的应用程序体验，甚至为单个 SDE 提供虚拟团队的力量。 ## 演讲精华 <font color = "grey">以下是小编为您整理的本次演讲的精华，共1000字，阅读时间大约是5分钟。如果您想进一步了解演讲内容或者观看演讲全文，请观看演讲完整视频或者下面的演讲原文。</font> 阿里（Ali）是一位资深开发者倡导者，在过去3.5年的时间里一直在Amplify团队工作。她欢迎各位观众参加她的演讲。她介绍了自己作为那些每天专注于Amplify的开发者倡导、增长、教育、文档和整体产品的人。阿里在休产假回来后非常高兴能够亲自进行第一次演讲。 为了更好地了解观众的体验，阿里进行了两次投票。第一次投票结果显示，许多人是全栈或前端开发人员，还有一些是移动、云和其他角色。第二次投票揭示，大多数与会者对Amplify完全是新手或者还在学习它，而一小部分已经在生产环境中使用它。有了这些有用的背景信息，阿里调整了自己的演讲，以提供Amplify的介绍和新功能概述。 阿里解释称，Amplify工具链遵循“开发、发布、扩展”的生命周期模型。从开发阶段开始，亚马逊云科技最近宣布了第二代Amplify功能。这个开发者预览允许代码驱动的发展，这与之前的CLI和UI驱动的做法形成了对比。根据代码本身自动配置后端资源。 第二代采用TypeScript优先、基于文件的方案，以实现类型安全并优化开发者体验。一家早期采用第二代产品的初创公司正在建立一个移动问答应用。他们在TypeScript中定义了后台模式，这可以在编码过程中实现自动完成和类型检查。他们只用几行代码就添加了授权规则来控制数据访问。 每个开发者的云沙盒可以快速部署后端更改，大约需要10秒，从而防止开发人员之间的冲突。一个拥有5人工程团队的客户发现，沙箱非常有价值，因为他们可以各自迭代和实验而不影响其他人。部署也是统一的，所以前后端代码可以一起部署。 为了展示开发者体验，阿里初始化了一个Next.js应用程序并生成了Amplify样板代码。她展示了如何在开发过程中使用TypeScript后台模型实现自动完成。添加了几行代码就可以添加授权规则。阿里展示了如何使沙盒在短时间内重新部署后端更改，从而提高迭代速度。 在前端领域，Amplify提供了一种类型化的客户端，用于调用API并与数据模型进行交互。这款客户端被众多致力于构建社交媒体应用的开发者所采用，用于获取帖子和评论等信息。通过将UI组件封装在"withAuthenticator"中，身份验证功能得以实现，从而自动处理用户的注册、登录和账户管理流程。这使得社交媒体应用能够满足认证需求。 此外，Amplify还展示了一个名为"ChangePassword"的新组件，只需一行代码就能启用密码更改功能。一家电子商务网站利用此功能轻松地添加了一个密码更改页面。同时，Amplify还为CRUD操作生成了React表单，即创建、读取、更新和删除数据模型的操作。一家航空公司就是使用了这一功能，迅速构建了航班预订表单。 接着，Ali介绍了他们最新发布的JavaScript V6库。这些库的捆绑包尺寸更小，例如，DataStore模块从91KB减小到了38KB，减少了58%的大小。一家专注于性能的应用程序初创公司非常喜欢这些更小的捆绑包。TypeScript的支持也得到了改进，现在可以轻松地集成自定义OIDC提供商。一家使用Okta进行认证的公司可以轻松地将Amplify与其连接。 Amplify与Next.js完美融合，并可集成Code Whisperer，实现AI驱动的代码建议。一个Next.js网站建设者使用Code Whisperer来加速开发过程。亚马逊的Q&A功能以简单的语言解释了Amplify代码的功能。一位新手工程师发现这对他快速熟悉非常有帮助。文档已经围绕常见用例和开发者旅程进行了重新设计。许多开发者称赞这种新的有组织的文档。 在过渡到"发布"阶段时，Ali解释了Amplify如何支持基于Git的全栈部署。前端和后端代码可以直接从Git存储库一起部署。一个媒体公司利用这一功能简化了其CI/CD过程。每个分支都映射到一个独立的部署环境，并且内置了CI/CD。一个零售商就是这样设置开发、测试和生产环境的。 控制台提供了一个跨资源的统一可视性和管理界面。一个代理喜欢这个集成了前后端的单一仪表板。可以通过密钥管理器在代码中安全地访问密钥。一个初创公司使用这个功能安全地存储API密钥。支持自定义管道以获得更大的控制，同时也支持单仓库。一个大企业能够将Amplify与其复杂的单仓库结构集成。 一位专家近日推出了一项创新托管服务，该服务不仅支持Next.js等服务器端渲染（SSR）应用，还支持其他任何服务器端渲染应用。这项托管服务制定了一套独立的部署规范，使得任何服务器端渲染应用都能与Amplify无缝协作。一家使用自定义JavaScript框架的公司可以轻松地将Amplify托管功能集成到其网站上。 Next.js凭借其内置的Amplify适配器，已经具备了内置支持。已有几个Next.js站点成功地迁移到了Amplify。此外，还增加了通配符子域名功能，使得开发具有自定义域名的软件即服务（SaaS）应用程序成为了可能。一家提供软件即服务服务的公司正利用这一功能为每位客户启动唯一的子域名。 在"扩展"部分，Ali强调了Amplify如何在内部分享了亚马逊云科技的代码驱动开发工具——CDK的使用方法。数据和认证功能都利用了CDK的L3结构，这使得能够使用任何亚马逊云服务。一家需要文本翻译的人工智能初创公司通过CDK轻松地集成了[Amazon Translate](https://aws.amazon.com/cn/translate/?trk=cndc-detail)功能。 Amplify沙箱与那些需要Amplify直接提供功能之外的其他额外功能的聊天机器人相得益彰。一个游戏聊天机器人使用Amplify处理前端和基本功能，同时添加[Amazon Lex](https://aws.amazon.com/cn/lex/?trk=cndc-detail)来处理对话。 L3数据结构目前支持Postgres和MySQL，这将为Amplify生态系统带来SQL功能。一家拥有现有Postgres数据库的公司可以轻松将其连接到其Amplify后端。 总的来说，Ali介绍了Amplify Gen 2的发布，这款基于代码驱动的开发工具，具有更小的捆绑包大小和改进的重点介绍的58%的减少的文档。她还展示了如何使用CDK将几乎任何亚马逊云服务进行扩展。最后，她对观众表示感谢并提供了回答任何剩余问题的机会。 **下面是一些演讲现场的精彩瞬间：** 一位前全栈开发者作为演讲者，向观众介绍了他所代表的多样化角色和技能。  他讲述了亚马逊云科技的Amplify命令行工具如何帮助开发者通过生成用于创建、读取、更新和删除操作的表单来节省时间和精力的故事。  据领导者们透露，亚马逊云科技的Amplify现已全面采用JavaScript V6，这减少了捆绑包大小，改进了对TypeScript的支持，强化了与Next.js的集成，并提供了一个自定义的OAuth提供者。  升级至JSV6后，Amplify库的捆绑包大小得到了显著减少。  此外，新的Amplify 2还支持全栈基于Git的持续集成和部署。  演讲者进一步展示了如何使用CDK轻松地将亚马逊云科技服务（如[Amazon Location Service](https://aws.amazon.com/cn/location/?trk=cndc-detail)和[Amazon Lex](https://aws.amazon.com/cn/lex/?trk=cndc-detail)）集成到应用程序中，而无需编写额外的代码。  同时，领导者们也讨论了如何通过亚马逊Amplify构建与[Amazon Aurora](https://aws.amazon.com/cn/rds/aurora/?trk=cndc-detail) Serverless等关系型数据库交互的图形API的方法。  ## 总结 视频概述了亚马逊云科技Amplify的新功能，旨在简化全栈应用程序开发过程。第二代Amplify允许开发者通过代码定义后端资源以实现自动化配置，从而提高开发效率。每位开发者的沙盒环境进一步加速了迭代速度。一个全新的用户界面提供了一体化的前后端资源管理。 JavaScript库版本6具有更小且优化过的捆绑包大小，同时改进了对TypeScript的支持。如今，Amplify能够托管各种类型的服务器端呈现应用程序，而不仅仅局限于Next.js。通配符子域名技术有助于构建软件即服务（SaaS）应用程序。 借助基于亚马逊云科技CDK的Amplify，扩展功能变得更加简单易行。数据和认证功能利用CDK L3架构。例如，可以轻松添加亚马逊位置服务而无需编写额外的代码。一个新的L3数据结构支持PostgreSQL和MySQL等数据库系统。 总之，Amplify的第二代产品极大地简化了全栈开发过程。每位开发者的沙盒环境、更小且优化过的捆绑包以及CDK的可扩展性都有助于提升开发者的工作效率。丰富的托管和数据库选项提供了更大的灵活性。 ## 演讲原文 ## 想了解更多精彩完整内容吗？立即访问re:Invent 官网中文网站！ [2023亚马逊云科技re:Invent全球大会 - 官方网站](https://webinar.amazoncloud.cn/reInvent2023/?s=8739&smid=19458 "2023亚马逊云科技re:Invent全球大会 - 官方网站") [点击此处](https://aws.amazon.com/cn/new/?trk=6dd7cc20-6afa-4abf-9359-2d6976ff9600&trk=cndc-detail "点击此处")，一键获取亚马逊云科技全球最新产品/服务资讯！ [点击此处](https://www.amazonaws.cn/new/?trk=2ab098aa-0793-48b1-85e6-a9d261bd8cd4&trk=cndc-detail "点击此处")，一键获取亚马逊云科技中国区最新产品/服务资讯！ ## 即刻注册亚马逊云科技账户，开启云端之旅！ [【免费】亚马逊云科技“100 余种核心云服务产品免费试用”](https://aws.amazon.com/cn/campaigns/freecenter/?trk=f079813d-3a13-4a50-b67b-e31d930f36a4&sc_channel=el&trk=cndc-detail "【免费】亚马逊云科技“100 余种核心云服务产品免费试用“") [【免费】亚马逊云科技中国区“40 余种核心云服务产品免费试用”](https://www.amazonaws.cn/campaign/CloudService/?trk=2cdb6245-f491-42bc-b931-c1693fe92be1&sc_channel=el&trk=cndc-detail "【免费】亚马逊云科技中国区“40 余种核心云服务产品免费试用“")