利用 Amazon Q Developer 簡單幾行文字架設網站　告別編寫代碼時代

很多時候架設網站都需要用到 CLI，並牽涉繁複的操作。但大量的命令、標誌和語法非但沒有加快速度，反令開發變得麻煩。開發者需要像學習一門新語言一樣去掌握 CLI 涉及的語法。但是，Amazon Q Developer 現在可為代勞。只要輸入文字，它就會自動執行對應的指令，讓開發任務化繁為簡。

AWS有示範教學文章，只需要 7 個步驟，不經代碼就可以架設好一個簡單網站：

實測準備

進行架設網站的實作，需要擁有 AWS 帳號並採用當中的服務和配置。準備功夫並不複雜，首先，只需要安裝並配置 AWS CLI。然後，需要在 macOS 或 Linux 平台上安裝 Amazon Q ，以在 CLI 中使用 Amazon Q Developer。使用 Amazon Q Developer 要求擁有 AWS Builder ID 或成為設定了 AWS IAM Identity Center 實例的組織的一員。

這個示範會與 Amazon S3 和 Amazon CloudFront 互動，開始前請檢查 AWS 帳號是否已備下列權限:

• s3:CreateBucket
• s3:PutObject
• s3:PutBucketPolicy
• cloudfront:CreateDistribution
• cloudfront:CreateOriginAccessControl
• cloudfront:GetDistributionConfig
• cloudfront:UpdateDistribution

 

實作步驟概述與結果

按照文章，只需要按照以下 7 個在 AWS CLI 輸入文字的步驟，便能架設好網站:

1. 已建立一個 S3 Bucket來託管網站檔案
2. 生成了帶有「Hello World」訊息的簡單 HTML 檔案
3. 已將 HTML 檔案上傳到 S3 Bucket
4. 建立了一個 CloudFront 分配以安全地為網站提供服務
5. 為 CloudFront 分配設定來源存取控制 （OAC）
6. 更新了 S3 Bucket 策略以允許從 CloudFront 進行存取
7. 通過 CloudFront URL 存取網站

 

完成先前的步驟後，可以把網頁檔案案上載到 S3 Bucket，並交由 CloudFront 提供環球網站服務。只需要如下圖利用 q translate 翻譯的文字指令，Cloudfront 就會派送公開網址，方便存取網站。

得到網址後開啟網站，就大功告成了！