基于Amazon S3设置AWS Transfer Family Web 应用程序

基于Amazon S3设置AWS Transfer Family Web 应用程序

Amazon Transfer Family Web 应用程序提供了简单、无代码、完全托管的浏览器体验,支持与 Amazon Simple Storage Service(Amazon S3)之间的安全文件传输。通过采用这种基于浏览器的解决方案,组织无需在不同的终端用户设备和操作系统上安装、支持各种文件传输客户端并排查问题,从而减少了运营开销。

这种方法对非技术用户尤其有益,因为客户端应用程序的操作可能较为复杂。这些 Web 应用程序原生集成了 AWS IAM Identity Center 和 Amazon S3 访问权限管控,确保只有经过身份验证的用户才能查看其获得授权访问的数据。

  • 本方案基于亚马逊云科技:

    首先需要创建注册并登录亚马逊云科技账号:亚马逊云科技官网

    亚马逊云科技近期推出了全新免费套餐(Free Tier 2.0),可以帮助开发者/企业用户更低成本、更轻松地上手云服务,新账户注册可领 **100 美元抵扣金** ,完成 5 个入门任务,每完成一项额外奖励 20,最高再拿 $100,总抵扣金达 200 美元

    与旧版本对比,其优势如下,不过需要注意的是仅在海外区域可用哦(北京与宁夏为中国区域,其他为海外区域)

    Free Tier 2.0(现行) Legacy Free Tier(旧版)
    账户与支付 支持银联信用卡注册账户与人民币支付,无需外币信用卡。(2月份开始支持银联信用卡)
    免费形态 账户分为两种计划:免费计划(确保 0 元,最长 6 个月或抵扣金用完)与付费计划(所有服务全量访问)。两种计划内均包括服务抵扣金,短期免费试用服务和永久免费服务。 三类优惠:Trials(短期试用)/ 12 个月免费 / 永久免费;到期或超额后按需计费。
    金额机制 新用户最高 200 AWS 抵扣金:注册 100,完成 EC2/RDS/Lambda/Bedrock/Budgets 5个任务再得 $100。 以按服务配额为主(按月清零、不可跨服务挪用),没用到的配额会浪费。
    误扣风险 免费计划不扣费(除非自愿升级),剩余抵扣金升级后在自注册起 12 个月内仍可用于合规服务。 容易因超出某服务配额而进入计费;新手对"超限"不敏感。
    特点 专而深:抵扣金可集中投向你的刚需服务(示例:EC2 指定实例族、RDS、Lambda、Bedrock 等)。 广而浅:配额分布在很多服务,用不到的等于浪费,刚需服务的免费量相对有限。

1. 创建web应用程序

登录亚马逊与科技管理控制台,搜索 Amazon IAM Identity Center,并确认位于正确的 AWS 区域。

2.选择 设置 并记下 实例 ARN。

3.导航到 Amazon Transfer Family 并选择 Web 应用程序

4.选择创建 Web 应用程序,以配置 Web 应用程序。

5.在身份验证访问下验证是否已连接 IAM Identity Center。

  • 对于权限类型,选择创建并使用新的服务角色

6.对于标签 ,选择添加标签

  • 对于键,输入名称
  • 对于 ,输入 Transfer Family Web 应用程序演示

7.选择下一步

9.查看所选输入,并选择创建 Web 应用程序

10.创建 Web 应用程序后,选择添加用户。

2. 分配用户

1.选择分配用户和群组 ,并选择分配现有用户和群组

2.选择下一步

3.在弹出窗口中,搜索您的用户

4.选择用户 ,并选择分配

5.在 Web 应用程序详细信息窗格中,复制**实例 **ARN,因为在启用跨源资源共享时会用到它。

6.在用户选项卡上,复制用户ID

2. 设置跨源资源共享 (CORS)

2.1 创建存储桶

1.打开 Amazon S3 控制台,然后选择创建存储桶。

  • transfer-family-web-app-demo-

3.将其余选项保留为默认值。导航到页面底部,然后选择创建存储桶。

1.创建存储桶后,在通用存储桶选项卡上,搜索您创建的存储桶,选择名称**。选择**权限选项卡。

2.在跨源资源共享 (CORS) 中,选择编辑并粘贴以下代码。

3.将 AccessEndpoint 替换为复制的实际 InstanceARN

3.选择保存更改

json 复制代码
[
  {
    "AllowedHeaders": [
      "*"
    ],
    "AllowedMethods": [
      "GET",
      "PUT",
      "POST",
      "DELETE",
      "HEAD"
    ],
    "AllowedOrigins": [
      "AccessEndpoint"
    ],
    "ExposeHeaders": [
      "last-modified",
       "content-length",
      "etag",
      "x-amz-version-id",
      "content-type",
      "x-amz-request-id",
      "x-amz-id-2",
      "date",
      "x-amz-cf-id",
      "x-amz-storage-class",
      "access-control-expose-headers"
     ],
    "MaxAgeSeconds": 3000
  }
]

3. 创建实例

3.1 创建 S3 访问权限管控实例

1.打开 Amazon S3 访问权限管控控制台,选择创建 S3 访问权限管控实例

2.选择添加 IAM Identity Center 实例 。对于 IAM Identity Center 实例 ARN ,输入复制的 InstanceARN ,然后选择下一步

3.选择下一步,将在后台创建 S3 访问权限管控实例。

4.选择取消。

3.2 注册位置

1.选择位置选项卡。

2.在注册位置页面上,执行以下操作:

  • 对于 IAM 角色 中,选择新建或选择
    • 此角色允许 S3 访问权限管控实例访问您指定的位置范围。

3.选择注册位置继续。

3.3 创建管制

1.选择创建管制

2.对于位置 ,选择浏览位置**,然后选择注册位置部分中注册的位置。然后选择选择**路径。

3.在路径页面上,执行以下操作:

  • 对于目录身份类型 ,选择用户

4.选择创建管制

4. 访问 Amazon Transfer Family Web 应用程序

4.1 访问 Amazon Transfer Family Web 应用程序

  1. 打开 Amazon Transfer Family 控制台。 在左窗格中,选择 Web 应用程序

  2. 搜索 Transfer Family Web 应用程序演示并选择访问端点。

3.在用户名 框中输入您的****用户名,然后选择**下一步。

4.输的密码并选择登录

5.完成上述步骤并成功登录后,看到Web 应用程序的登录页面。

测试Web 应用程序

1.输入文件夹名称并选择创建文件夹。

2.在创建的文件夹中,选择添加文件。

3.在本地计算机上选择任何文件,然后选择上传

4.导航到S3存储桶并确认示例文件已成功上传。

相关推荐
!chen2 小时前
学习 React 前掌握 JavaScript 核心概念
javascript·学习·react.js
YAY_tyy3 小时前
【JavaScript 性能优化实战】第五篇:运行时性能优化进阶(懒加载 + 预加载 + 资源优先级)
前端·javascript·性能优化
正义的大古3 小时前
OpenLayers地图交互 -- 章节七:指针交互详解
前端·javascript·vue.js·openlayers
qwy7152292581633 小时前
vue自定义指令
前端·javascript·vue.js
niusir3 小时前
Zustand 实战:10 行代码搞定全局状态
前端·javascript·react.js
niusir3 小时前
React 状态管理的演进与最佳实践
前端·javascript·react.js
看到我请叫我铁锤3 小时前
vue3使用leaflet的时候高亮显示省市区
前端·javascript·vue.js
debug 小菜鸟4 小时前
aws 实战小bug
云计算·bug·aws
一枚前端小能手4 小时前
🔥 前端储存这点事 - 5个存储方案让你的数据管理更优雅
前端·javascript