託管靜態網站 - Amazon AWS
文章推薦指數: 80 %
在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。
進一步了解
知道了
延伸文章資訊
- 1[自己架網站] 部署AWS EC2 主機+ LAMP server + phpMyAdmin
... 建立網站、架設平台,就像是實體主機一樣,所以除非是大公司,不然還是會以虛擬主機為主,畢竟實體主機的價錢太昂貴了。(參考資料). 而AWS EC2 ...
- 2託管靜態網站 - Amazon AWS
在AWS 主控台中使用AWS Amplify 託管靜態網站。AWS Amplify 針對靜態網站和Web 應用程式提供全受管託管。Amplify 的託管解決方案利用Amazon CloudFro...
- 3Amazon Web Services (AWS) 實作教學
利用安裝在Amazon Lightsail 虛擬機器上的WordPress 啟動和執行網站。 ... 在本實作教學中,您將學習如何使用AWS Systems Manager,在您的Amazon ...
- 4第一單元- 在AWS 上建立基本Web 應用程式
您的所有靜態Web 內容(包括HTML、CSS、JavaScript、映像和其他檔案) 將由AWS Amplify 託管。我們選擇Amplify 服務是因為它讓託管和部署靜態網站變得容易。您的最...
- 5建置免費的網站和Web 應用程式 - Amazon AWS
產品優勢. Amazon Web Services 的雲端Web 託管解決方案可為企業、非營利組織和政府組織提供成本低廉的方式來交付網站 ...