AWS 入門

建立 React 應用程式

使用 AWS Amplify 建立簡單的 Web 應用程式

單元 1:部署和託管 React 應用程式

在本單元中,您將建立一個 React 應用程式,並使用 AWS Amplify 的 Web 託管服務將其部署到雲端。

簡介

AWS Amplify 提供使用無伺服器後端建立、部署和託管單一頁面 Web 應用程式或靜態網站的 Git 型 CI/CD 工作流程。連線至 Git 儲存庫後,Amplify 會確定前端框架,以及利用 Amplify CLI 設定的任何無伺服器後端資源兩者的建置設定,並在每次提交程式碼時自動部署更新。

在本單元中,我們首先建立新 React 應用程式,並將其推送至 GitHub 儲存庫。然後,我們將儲存庫連線至 AWS Amplify Web 託管,並將其部署到 mplifyapp.com 網域上託管的全球可用內容交付網路 (CDN)。下一步,我們將透過對 React 應用程式做出變更來示範連續部署功能,並將新版本推送至將自動開始新部署的主要分支。

您將學到的內容

  • 建立 React 應用程式
  • 初始化 GitHub 儲存庫
  • 使用 AWS Amplify 部署應用程式
  • 實作程式碼變更並重新部署應用程式

主要概念

React 應用程式 – React 是一種 Web 應用程式框架,使開發人員能夠使用 JavaScript 快速建立高效能的單一頁面應用程式。

Git – 一種版本控制系統,允許開發人員儲存檔案,以及維護和更新檔案與目錄、版本和檔案變更之間的關係。

 完成時間

10 分鐘

 使用的服務

實作

結論

您已經透過整合 GitHub 並使用 AWS Amplify,在 AWS 雲端部署了 React 應用程式。藉助 AWS Amplify,您可以在雲端連續部署應用程式,並將其託管在全球可用的 CDN 上。

接下來,我們將建立該應用程式的本機版本,以繼續開發和新增新功能。

這個單元對您是否有幫助?

初始化本機應用程式