← 返回项目库

Floci Dash 本地云资源控制台

Floci Dash 是一个中文本地云资源控制台演示，用离线适配器展示多项 AWS 风格资源管理流程。

交付包保留固定上游版本的 React、Vite、Hono 控制台，并补充受边界约束的本地演示模式。无需云端凭证或外部服务即可查看服务目录、对象存储、数据表、云主机、消息队列和系统设置页面；演示数据与操作结果仅保存在本地进程中，用于产品验收和交互研究。

真实界面

项目截图

共 6 张

服务目录
对象存储 S3
数据表 DynamoDB
云主机 EC2
消息队列 SQS
系统设置

Capabilities

核心功能

✓中文服务目录与资源统计首页
✓对象存储 S3 桶、对象和操作结果演示
✓DynamoDB 数据表与条目浏览流程
✓EC2 实例及网络资源管理页面
✓SQS 队列、消息和标签管理流程
✓系统设置与连接状态展示
✓本地离线适配器提供稳定演示数据
✓统一的服务导航、搜索和运行状态提示

适用场景

在无云凭证环境验收控制台导航和核心资源工作流
向客户或团队演示多服务资源管理界面
作为前端开发、中文本地化和适配器集成的起始项目

适合谁

需要快速评估云资源控制台信息架构、前端交互、中文界面和本地演示流程的产品团队、前端开发者与技术研究者。

商业化思路

适合作为内部原型、客户演示和开发培训交付；真实云资源操作仍需自行接入并配置后端凭证、权限、持久化和审计能力。

你会拿到什么

  • ✓固定提交版本源码包、许可证和中文运行说明
  • ✓本地演示适配器、构建脚本和可复现依赖锁定文件
  • ✓六张绑定页面标题与可见数据断言的浏览器证据截图

部署流程

  1. 1在项目根目录执行 pnpm install --frozen-lockfile，再执行 pnpm build:demo 构建本地演示包。
  2. 2执行 pnpm preview:demo，并使用浏览器访问本地地址，按服务目录、S3、DynamoDB、EC2、SQS 和系统设置页面验收。
  3. 3若要接入真实云资源，需另行完成后端凭证、最小权限、网络、审计和生产部署配置。

真实验证结果

已通过固定提交校验、依赖安装、生产构建、TypeScript 检查、外部推广内容扫描和本地演示适配器接入；浏览器验收覆盖服务目录、S3、DynamoDB、EC2、SQS 与系统设置 6 个 1440×900 中文页面。每张证据均通过页面标题和可见数据断言，控制台错误、404、登录页、破图与横向溢出均为 0。

部署前须知

本地演示模式使用进程内确定性数据，不代表真实 AWS 资源状态，也不执行外部云变更；生产接入所需的凭证、安全策略、持久化和审计能力不包含在本交付中。

部署难度

简单

最低配置

Node.js 22 运行时与现代浏览器即可构建和启动本地演示；生产云资源接入需要额外配置后端环境变量、AWS 权限和安全部署设施。

开源许可证

MIT License

最后验证

2026-09-05

技术栈

React 19TypeScriptViteHonoAWS SDK 集成边界Cloudscape 风格组件与响应式 CSS

授权说明

交付包保留上游仓库根目录 LICENSE；新增演示适配器、中文界面和说明文件随源码交付，使用、修改和再分发须遵守上游许可证与版权声明。

Release notes

版本记录

1 个已发布版本

v0.3.3-cn-2532 当前推荐

基于上游固定提交增加中文本地演示模式、离线资源适配器、核心页面中文界面、演示构建命令和绑定浏览器证据。

部署要求：本地演示需要 Node.js 22、pnpm 和现代浏览器；真实云资源接入还需要自行配置后端凭证、最小权限和部署环境。

已知问题：演示数据与操作结果仅在本地进程内有效；未提供真实 AWS 凭证、云端持久化、生产认证或外部服务调用。

登录后领取