架構圖

• 該系統的架構是由「前端網頁」、AWS - 「API Gateway」、「Lambda」、「S3」、「DynamoDB」組成，架構圖如下。
  

功能說明

1. 新增一筆商品資訊:

• 說明 : 在網頁新增產品的功能欄位中，輸入「產品資訊」，就可以上傳商品資訊。
• 產品資訊的內容 :
  • 1. Product ID(Key) : 產品編號
  • 2. Product Name : 產品名稱
  • 3. Product Price : 產品價格
       

2. 查詢商品資訊:

• 說明 : 在網頁查詢產品的功能欄位中，輸入要查詢的「產品編號」，就可以看到對應的產品資訊。
  • 產品編號 : Product ID
    

3. 顯示當前所有的商品

• 說明 : 在網頁下方以表格的形式，顯示當前所有的產品資訊。
  

4. 刪除指定商品編號的資訊

• 說明 : 在顯示所有商品的表格中，選擇指定的商品並刪除。
  

操作圖

操作說明

1. 使用者透過智慧裝置，查看前端網頁的畫面。
2. 使用者根據自己功能的需求，選擇不同功能，並發送對應的API請求。
3. 當Lambda接收到API請求後，則會執行對應的功能。
4. 最後網頁會發送API請求，接收執行的結果，最後顯示在網頁上方面使用者查看。

參考資料

• AWS Lambda with API Gateway and DynamoDB Turtoral