AWS S3 物件管理工具

Avatar of 陳裕文.
Avatar of 陳裕文.

AWS S3 物件管理工具

全端工程師
Taipei, Taiwan

AWS S3 物件操作工具

目的


透過檔案瀏覽器介面風格的操作讓使用者針對AWS S3上的物件進行各項處理

實作

  • 前端
  • 使用框架: Vue3, Quasar
  • 主要功能:
  • 檢視: 物件大小、修改日期、內容預覽 (支援部分格式)
  • 上傳: 以拖曳方式上傳限定數量的檔案/資料夾 (資料夾結構呈現)
  • 下載: 下載已選取的檔案物件
  • 修改: 提供更名,剪貼處理(移動至其他路徑下)
  • 刪除: 移除選取檔案/資料夾 (提供刪除前確認對話框)
  • 權限: 註冊、登入/出、帳號權限調整 (管理者)
  • 物件歷程: 操作記錄檢視 & 修改 (管理者)
  • 後端
  • 使用框架: Fastify
  • 主要功能
  • 權限管理: 使用 JWT 進行身分驗證 & 權限控管
  • 物件操作處理: AWS S3 API 串接處理
  • 資料庫(DynamoDB)讀寫: 記錄使用者資訊 (帳密、權限)、S3 物件操作歷程
  • 透過 AWS SAM CLI 佈署相關服務

部分功能展示 :

身分驗證

編輯權限

修改物件

查詢物件

主要功能 1. 進行身分驗證,並提供對應權限的服務 2. 針對AWS S3 上的物件進行 CRUD 的操作 3. 記錄物件操作供後續校對確認
Avatar of the user.
Please login to comment.

Published: Mar 2nd 2024
53
2
0

Tools

vuejs
Vue.js
amazonwebservices
Amazon Web Services
nodejs
Node.js

Fastify
Nodejs
AWS

Share