託管靜態網站 - Amazon AWS

文章推薦指數: 80 %
投票人數:10人

在AWS 主控台中使用AWS Amplify 託管靜態網站。

AWS Amplify 針對靜態網站和Web 應用程式提供全受管託管。

Amplify 的託管解決方案利用Amazon CloudFront 和Amazon S3 ... 託管靜態網站 在AWS上託管您的簡單行銷網站或Web應用程式 簡介 靜態網站可將HTML、JavaScript、影像、影片及其他檔案交付給您的網站訪客。

靜態網站的成本很低、可靠性極高、幾乎不需要IT管理,而且它可擴展來處理企業級流量,無須額外的工作。

如需詳細資訊,請參閱常見問題集>> 您將學到的內容 在AWS主控台中使用AWSAmplify託管靜態網站。

AWSAmplify針對靜態網站和Web應用程式提供全受管託管。

Amplify的託管解決方案利用AmazonCloudFront和AmazonS3透過AWS內容交付網路(CDN)提供您的站點資產。

設定持續部署:Amplify提供一個基於Git的工作流程,具有持續部署功能,可讓您在每次執行程式碼時自動部署更新到您的站點。

 AWS經驗 初階  完成時間 10分鐘  完成教學的成本 在AWS託管靜態網站的總成本取決於您的用量 超出AWS免費方案限制:通常為1-3USD/月。

在AWS免費方案限制內:通常為0.50USD/月。

若要查看所用服務明細及其相關成本,請參閱AWSAmplify和AmazonRoute53的定價  教學先決條件 有管理員等級存取權限的AWS帳戶*註冊AWS。

Git提供者:您可以使用AWSCodeCommit(包含在AWS免費方案中)或GitHub。

  [*]過去24小時內建立的帳戶可能尚未有權存取本教學課程所需的服務。

實作 建立並連接儲存庫 要成為本教學,您將需要建立和初始化儲存庫。

最簡單的方法是使用命令create-react-app。

在命令提示字元或終端機中使用以下命令安裝此軟體包。

已擁有可連接的儲存庫?跳至下面的步驟c。

想要部署而不連接至Git提供者?透過 按一下此處開始。

npxcreate-react-appamplifyapp cdamplifyapp npmstart 在此步驟中,您將建立一個GitHub儲存庫,並將程式碼提交至該儲存庫。

您將需要一個GitHub帳戶來完成此步驟,若您沒有帳戶,請在這裡註冊。

a.為您的應用程式建立新的GitHub儲存庫(連結)。

b.初始化git並將應用程式推送至新的GitHub儲存庫,在命令行界面中執行以下命令: gitinit [email protected]:username/reponame.git gitadd. gitcommit-m“initialcommit” gitpushoriginmaster c.若要連接儲存庫,請登入Amplify主控台並選擇Deploy(部署)下的GetStarted(開始使用)。

連接您的GitHub、Bitbucket、GitLab或AWSCodeCommit儲存庫。

您也可以選擇手動上傳建置成品,而無需連接Git儲存庫(請參閱手動部署)。

在授權Amplify主控台後,Amplify會從儲存庫提供者擷取存取字符,但不會將字符儲存在AWS伺服器上。

Amplify僅會使用特定儲存庫中安裝的部署金鑰存取您的儲存庫。

您連接儲存庫服務提供者後,選擇儲存庫,然後選擇對應的分支來建置和部署。

確認建置設定 對於所選的分支,Amplify會檢查您的儲存庫,以自動偵測要執行的建置命令的順序。

確認您的建置設定並按一下Next(下一步)。

儲存並部署 檢閱您的所有設定,確保已正確設定每一項。

選擇Saveanddeploy(儲存並部署)將您的Web應用程式部署到全球內容交付網路(CDN)。

您的前端建置通常需要1到2分鐘,但因應用程式大小而異。

本教學對您是否有幫助? 是 否  意見回饋 感謝您 請告訴我們您喜歡的部分。

 意見回饋 關閉 抱歉,讓您失望 是有內容過時、令人困擾,或不準確嗎?請提供意見回饋,協助我們改進此教學課程。

 意見回饋 關閉 使用AmazonS3託管靜態網站 您也可以使用AmazonS3託管您的靜態網站。

在AmazonS3上託管靜態網站可提供高效能和可擴展的網站,而成本僅為傳統Web伺服器的一小部分。

若要在AmazonS3上託管靜態網站,請針對網站託管設定AmazonS3儲存貯體並上傳您的網站內容。

使用AWS管理主控台,您可以將AmazonS3儲存貯體設定為靜態網站,而無需撰寫任何程式碼。

視您的網站需求而定,您還可以使用一些選擇性的組態,包括重新導向、Web流量記錄,以及自訂錯誤文件。

如需有關在AmazonS3上託管靜態網站的詳細資訊,包括指示和逐步演練,請參閱實作指南。

恭喜您! 您已成功在AWS上建立靜態Web應用程式!下一步,深入了解AWSAmplify並查看用於在AWS上開發行動和Web應用程式的完整工具和服務集。

新增自訂網域至您的應用程式 結束對InternetExplorer的支援 知道了 AWS對InternetExplorer的支援將於07/31/2022結束。

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

進一步了解 知道了



請為這篇文章評分?