隨著雲端服務的普及,AWS(Amazon Web Services)已成為最廣泛使用的雲端平台之一,提供從運算、儲存到人工智慧等完整解決方案。對於初學者來說,踏入 AWS 的世界或許有些陌生,但只要循序漸進,就能一步步打造出屬於自己的雲端應用。
這個系列將記錄我從零開始學習 AWS 的過程,透過實作與筆記,認識核心服務(如 EC2、S3、RDS、Lambda、DynamoDB),並嘗試整合成一個小型專案。
在過去六天的學習中,我們完成了從資料庫設計到前端互動的完整流程,打造了一個可執行 CRUD 的留言板 API。以下整理重點: 1. 資料庫 (DynamoDB)...
走到 AWS 挑戰的最後一週,我想要挑戰一個「看得見、摸得著」的小專案,而不是只有一堆後端 API 或者管理介面的操作。 我想了一下,平常我們生活中最常做的紀錄...
昨天我們完成了「照片日記網站」的專案規劃,畫好了整體的架構,也想清楚了功能和資料流程。但有了藍圖之後,接下來要做的第一件事情,就是「蓋房子」──也就是準備一個可...
昨天我們把「我的照片日記」的首頁蓋好了,雖然有歡迎訊息和按鈕,但點下去還是空的。日記最吸引人的地方,不只是文字,而是 照片與回憶。所以今天的目標就是: 在前端...
功能目標 使用前端網頁選擇照片 點擊上傳,透過 Lambda 生成 S3 預簽名 URL 使用 PUT 將照片上傳到 S3 上傳成功後可以在前端看到照片或儲存...
HTML 結構說明 HTML 決定了整個頁面的骨架。主要分成兩個部分: <main>:負責「上傳照片與寫日記」 <div id=&quo...
昨天我們將回憶的頁面與新增的畫面放在一起,今天我們把它們分開,將歷史畫面與新增畫面分隔開來,首先先在資料夾中創立history.html HTML 結構 標題,...
在前一天我們已經完成了「歷史回憶」的雛形:使用者可以看到自己過去上傳的照片與文字,並以卡片形式排列在畫面上。 而在今天,我們要讓這些回憶「活起來」。透過一個簡單...
1. index.html新增日記功能 選擇心情顏色 透過 <select> 選擇代表心情的顏色,選擇的顏色會存入日記物件中,用在歷史頁面呈現視覺效...
終於來到最後一天啦!前面幾天也有嘗試再次把html放到AWS,但依舊還是沒辦法過API Gateway這關,明明CORS也設定好了,但fetch不到!!真的很苦...