在AWS 上建立基本Web 應用程式

此應用程式使用AWS Amplify、Amazon API Gateway、AWS Lambda 和Amazon DynamoDB，如下圖所示。

在本教學進行過程中，我們將會詳細討論這些服務，並指出可協助您快速掌握 ... AWS入門 建立基本Web應用程式 部署Web應用程式，以API和資料庫新增互動性 簡介 建立Web應用程式 建置無伺服器功能 連結無伺服器功能至Web應用程式 建立資料表 新增互動性至Web應用程式 簡介：建立基本Web應用程式 遵循逐步指示，建立您的第一個Web應用程式。

概觀 在本教學中，您將建立簡單的Web應用程式。

首先，您會建立呈現"HelloWorld"的靜態Web應用程式。

接著您會學習如何對Web應用程式新增互動性，成為根據您提供的自訂輸入顯示文字。

您將學到的內容 本教學將帶您逐步建立上述的範例Web應用程式。

您將學會： 建立Web應用程式 將Web應用程式連線至無伺服器後端 以API和資料庫新增互動性至您的Web應用程式  AWS經驗 初階  完成時間 30分鐘  完成教學的成本 符合免費方案資格  教學準備 有管理員等級存取權限的AWS帳戶** 建議的瀏覽器：最新版的Chrome或Firefox [**]過去24小時內建立的帳戶可能尚未有權存取本教學課程所需的服務。

應用程式架構 下圖提供本教學中所使用的服務以及如何連線的視覺呈現。

此應用程式使用AWSAmplify、AmazonAPIGateway、AWSLambda和AmazonDynamoDB，如下圖所示。

在本教學進行過程中，我們將會詳細討論這些服務，並指出可協助您快速掌握它們的資源。

單元 本教學分為五個簡短的單元。

您必需依序完成每個單元，方能移至下一單元。

建立Web應用程式(5分鐘)：將使用AWSAmplify主控台為Web應用程式部署靜態資源。

建置無伺服器功能(5分鐘)：使用AWSLambda建置無伺服器功能。

連結無伺服器功能至Web應用程式(5分鐘)：以APIGateway部署您的無伺服器功能。

建立資料表(10分鐘)：在AmazonDynamoDB資料表中保留資料。

新增互動性至Web應用程式(5分鐘)：修改您的靜態Web應用程式以呼叫您的API。

您會使用從瀏覽器內可直接存取的AWSWeb主控台建立這個Web應用程式。

開始第一單元 建立Web應用程式 結束對InternetExplorer的支援 知道了 AWS對InternetExplorer的支援將於07/31/2022結束。

支援的瀏覽器包括Chrome、Firefox、Edge和Safari。

進一步了解 知道了