【学习工作赛道】+ FlashDrop AI闪投
0.先和大家打个招呼吧
你是谁
一名学生，开发者
你是怎么用TRAE把Demo做出来的
一上手Trae，感觉就和普通的AI agent完全不一样，像是为网站开发者量身定制开发工具，前端，后端直接一个软件就搞定。
1. Demo简介
是什么
FlashDrop（闪投）是一个基于浏览器的P2P多人文件传输Web应用，打开网页即用，扫码或输码连接，支持最多4台设备同 时在线互传文件。
面向谁
需要在多台设备间快速传输文件的办公人群、学生、 设计师、团队协作者 。
主要功能
功能说明
多人P2P传输
最多4台设备同时在线，WebRTC直 连，不限文件大小
AI图片压缩
自动压缩图片至1920px，速度 提升3-5倍，保留原图
文件 夹传输
拖拽 整个文件夹，完整目录结构传输
隐私安全扫描
发送前自 动检测身份证、手机号、密码等敏感信息
断点续传
网络中断后自动恢复传输进度
截图粘贴传输
Ctrl+V粘贴截图即发，零操作成本
文件在线预览
图片/视频/音频/文本直接预览，无需下载
昼夜主题切 换
CRT终端暗色/亮色主题，三端自适应布局
2. Demo创作思路
灵感来源
日常工作中频繁在手机、电脑、平板之间传文件，现有工具总有各种限制：微信200MB限制、网盘登录慢、Air Drop只限苹果、 U盘插拔麻烦。浏览器原生支持WebRTC P2P，为了不安装任何软件就能实现高速传输提供了可能。
想解决的问题
文件传输场景下的四大 痛点：不方便（需要登录、安 装、注册）、不快（受限制于服务器带宽）、不安全（文件经过云端）、不灵活（不支持文件夹、不支持大文件）。
为什么做这个方向
选择「学习工作」 赛道是因为文件传输是工作和学习中最高 频的刚需场景之一。同时用CR T终端复古风格作为视觉差异化点，在众多传输工具中提供独特辨识度。
3 . Demo体验地址
方式一：本地体验（推荐）
1.安装Node. js（https://nodejs.org/）
2.解 压项目文件夹
3.进入文件夹，运行 node server.js
4.浏览器打开http:// localhost:3000
5.用另一台设备扫码或输入房间码加入
方式二：交互 式Demo演示页（已打包为 ZIP随帖上传）
解压后直接在浏览器打开swift-transfer-de mo.html即可体验模拟操作流程 。
4. TRAE实践过程
整个Demo从0到1全部在 TRAE中完成，从v1.0基础 传输到v3.2多人双向收发+昼夜主题， 经历了8个主要开发阶段。以下是关键开发步骤及对 应的Session ID：
开发步骤 Session ID
1 .需求分析+创意选题：确定赛道和文件传输方向
| 3124171037486832:c70f16c207712d95a777c6fd314e0b7f_6a48a224d11d5d09ca4c875a.6a48a355d11d5d09ca4c8797.6a48a355d11d5d09ca4c8795:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/4 14:08:21) |
|---|
_______ __
2.架构搭建：WebSoc ket信令服务器+房间匹配+ QR码
| 3124171037486832:c79ca4c65a0830c452695bcb3cac1bac_6a48a224d11d5d09ca4c875a.6a48a452d11d5d09ca4c87ad.6a48a452d11d5d09ca4c87ab:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/4 14:12:34) |
|---|
__
__ ______
3.多人房间+ P2 P：WebRTC offer/answer协商+数据 通道
| 3124171037486832:ea29ba171654d03ee0f23e9d984d6154_6a48a224d11d5d09ca4c875a.6a48aa21d11d5d09ca4c8869.6a48aa21d11d5d09ca4c8867:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/4 14:37:21) |
|---|
_
_______________
4.UI改造： CRT终端风格+三端自适应布局
| 3124171037486832:04ed5c66afd4613e49f3748d549c45a9_6a48a224d11d5d09ca4c875a.6a48a889d11d5d09ca4c8852.6a48a889d11d5d09ca4c8850:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/4 14:30:33) |
|---|
________ __
5.v2.0 五大功能：AI压缩/文件夹/断点续传/ P2P /隐私扫描
| 3124171037486832:a774e1726064aca96400bb995e77cc1a_6a48a224d11d5d09ca4c875a.6a48c5e2d11d5d09ca4c8954.6a48c5e2d11d5d09ca4c8952:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/4 16:35:46) |
________________
6.v3. 0升级：多人房间、文件预览、截图传输、统计仪表盘
| 3124171037486832:fdb756a94e7f5b60dec0ff8df7c49142_6a48a224d11d5d09ca4c875a.6a48f876d11d5d09ca4c8b01.6a48f876d11d5d09ca4c8aff:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/4 20:11:34) |
|---|
_
_____ __
7.v3.2打磨：昼夜主题、传输Bug修复、多人广播修复
| 3124171037486832:5b9d9dee2986adcfda81ee93beaa37a8_6a48a224d11d5d09ca4c875a.6a4a1d96aed0f54c78a6387f.6a4a1d96aed0f54c78a6387d:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/5 17:02:14) |
|---|
_
_______________
