欢迎使用AWS Amplify托管 - AWS Amplify托管

本文属于机器翻译版本。若本译文内容与英语原文存在差异,则一律以英文原文为准。

欢迎使用AWS Amplify托管

AWS Amplify是一组专门构建的工具和功能,使前端 Web 和移动开发人员能够快速轻松地在上构建全栈应用程序。AWS. Amplify 提供两项服务:Amplify Hosting 和 Amplify Studio。Amplify Hosting 提供了基于 git 的工作流,用于托管持续部署的全栈无服务器 Web 应用程序。此用户指南提供了开始使用 Amplify Hosting 所需的信息。

Amplify Hosting 功能

  • Amplify Hosting 支持常用 SPA 框架,例如 React、Angular、Vue.js、Ionic 和 Ember,以及静态站点生成器(如 Gatsby、Eleventy、Hugo、VuePress 和 Jekyll)。

  • 通过连接新分支来管理前端和后端的生产环境和暂存环境。请参阅,功能分支部署.

  • 将应用程序 Connect 到自定义域。请参阅,设置自定义域.

  • 部署和托管 SSR Web 应用程序使用 Next.js. 框架创建。

  • 通过设置在代码审查期间预览更改拉取请求预览.

  • 通过端到端测试提高应用质量。请参阅,端到端测试.

  • 密码可保护 Web 应用程序,因此您可以处理新功能而不使它们可公开访问。请参阅,限制访问.

  • 根据您的客户端应用程序要求设置重写和重定向以保持 SEO 排名和路由流量。请参阅,使用重定向.

  • 即时缓存失效可确保您的应用在每次代码提交时立即更新。

  • 通过确保仅在整个部署完成后更新 Web 应用程序,原子部署消除了维护时段。这消除了文件无法正确上传的情况。

  • 获取在不同移动设备上呈现的应用程序的屏幕截图以识别布局问题。

开始使用 Amplify Hosting

要开始使用 Amplify 的托管功能,请参阅开始使用现有代码教程。完成本教程后,你将能够连接你的 git 仓库(GitHub, BitBucket 云、GitLab 和AWS CodeCommit) 来设置持续部署。或者,您也可以开始使用全栈连续部署示例.

Amplify Studio

您可以从访问 Amplify StudioAWS Amplify在控制台中AWS Management Console. Amplify Studio 是一个直观的开发环境,可简化可扩展的全栈 Web 和移动应用程序的创建。使用 Studio 使用一组 ready-to-use 使用 UI 组件,创建应用程序后端,然后将两者连接在一起。请参阅用户指南Amplify Studio中的Amplify 文档.

Amplify Studio 功能

  • 可视化数据建模使您能够专注于特定于域的对象,而不是云基础架构。

  • 为应用程序设置身份验证。

  • 功能强大且易于理解的授权。

  • 基础架构即代码配置所有后端功能AWS CloudFormation.

  • 使用 Amplify 命令行界面 (CLI)。你在 Studio 中进行的所有更新都可以被拉入 CLI 中。

  • 通过电子邮件邀请用户配置和管理后端。这些用户还可以使用他们的电子邮件登录 Amplify CLI。

  • 带降价支持的内容管理。

  • 管理应用程序的用户和组。

  • 使用 Studio 的可视设计器构建前端 UI 组件。从预构建的 UI 组件库中的数十种设计中进行选择。

  • 将设计师构建的 Figma 原型作为 React 代码导入 Studio。

  • 使用主题自定义前端 UI,将全局样式应用于应用的组件。

  • 直接在 Studio 中配置和测试 UI 组件,以了解它们如何更新和显示数据。

  • 通过几个简单的步骤将云连接后端绑定到前端 UI。

开始使用 Amplify Studio

您不需要AWS开始使用 Studio 创建后端的帐户。没有AWS账户,您可以开始在本地为后端建模数据。

有了AWS账户,您可以访问扩展的 Studio 功能集来管理后端环境,以及可视设计器用于创建可连接到应用后端的前端 UI 组件。有关更多信息,请参阅 。入门中的Amplify 文档.

现代 SPA Web 应用程序

本用户指南面向对现代单页 Web 应用程序 (SPA) 有基本了解的客户。现代 Web 应用程序构造为 SPA,将所有应用程序组件打包成静态文件。传统的客户端-服务器 Web 架构导致糟糕的体验;每次单击按钮或搜索都需要往返一次服务器,以重新呈现整个应用程序。现代 Web 应用程序可提供类似于本机应用程序的用户体验,方法是将应用程序前端或用户界面作为预建的 HTML/JavaScript 文件高效地提供给浏览器,然后浏览器可以调用后端功能而无需重新加载页面。

现代 Web 应用程序的功能通常分布在多个位置,例如数据库、身份验证服务、在浏览器中运行的前端代码和后端业务逻辑。AWS Lambda在云中运行的函数。这使应用程序部署变得复杂且耗时,因为开发人员需要仔细协调前端和后端的部署以避免部署了一部分或部署失败。Amplify 通过单个工作流简化了前端和后端的部署。