一条命令自建Loom:Screendrop + Cloudflare R2云分享部署保姆级教程

发布时间:2026/10/8 7:20:17
一条命令自建Loom:Screendrop + Cloudflare R2云分享部署保姆级教程 一条命令自建LoomScreendrop Cloudflare R2云分享部署保姆级教程【免费下载链接】ScreendropA beautiful screenshot screen recording Loom alternative - all native, self hostable and free.项目地址: https://gitcode.com/gh_mirrors/sc/ScreendropScreendrop 是一款免费、开源、可自建的 macOS 原生录屏 截图工具也是 Loom 的完美替代品。本教程带你在5 分钟内完成 Cloudflare R2 云分享部署用自己的 Cloudflare 账号存视频、生成带播放器、字幕和评论的分享链接全程零代码、零出站流量费。为什么值得自建一个 Loom直接用 Loom 的痛点很明显订阅收费团队版更贵数据存在别人的服务器敏感内容不敢上传流量费不透明视频分享多了成本不可控。Screendrop 的思路是本地优先 自建云端能力Screendrop 的表现安装费用完全免费开源CC0 协议数据归属存你自己的 Cloudflare 账号流量成本R2 存储无出站流量费隐私无中心账号令牌存 macOS 钥匙串核心分享机制详见项目文档 README.md 的Cloud Sharing章节。30 秒认识 ScreendropScreendrop 是一个 macOS 菜单栏应用把截图 → 注释 → 录屏 → 剪辑 → 分享全流程做进一个 App⌨️ 全局快捷键Option1全屏截图、Option2窗口截图、Option4打开录屏选择器✏️ 无损注释编辑器箭头、编号标记、智能打码、背景壁纸、水印全部可撤销 录屏工作室自动缩放跟随鼠标、重建光标与点击特效、本地语音转字幕、按文字剪视频☁️ 云分享上传到自建 Worker生成 Loom 风格的分享页。下图是注释编辑器中的编号标记效果录完屏直接标注再分享非常顺手云分享架构Worker R2 D1 三件套Screendrop 的云分享是Cloudflare 优先的自托管架构只有三个组件Cloudflare Worker接收带令牌鉴权的上传返回分享链接Cloudflare R2存放截图和视频文件没有出站带宽收费这正是自建 Loom 最省钱的点Cloudflare D1记录轻量的上传与分享页元数据。你只需要向 Screendrop 提供两样东西Worker 的 URL和一个上传令牌Upload Token——完全不需要 R2 或 S3 的 Access Key密钥永远不离开你的 Cloudflare 账号。上传流程在源码中一目了然Screendrop 通过PUT /api/upload把文件交给 WorkerWorker 校验 Bearer 令牌后把文件流式写入 R2、把元数据写入 D1最后返回分享 URL 并保存到本地 Library。相关实现可参考 CloudUploader.swift 与 CloudSidecarUploader.swift后者负责上传标题、海报图、字幕和预览雪碧图这些侧车资源。部署教程5 步完成 Cloudflare R2 配置第 1 步安装 Screendrop要求 macOS 26.4 或更新版本。从发布页下载 DMG 拖入应用程序或者一条 Homebrew 命令搞定brew install --cask fayazara/tap/screendrop第 2 步复制上传令牌打开设置 → 云Settings → Cloud。首次进入时App 会自动为你生成一个强随机令牌基于系统安全熵源生成实现见 SettingsCloudPane.swift。点击Copy Token复制下来待会要用。第 3 步一键部署到 Cloudflare点击页面中醒目的橙色Deploy to Cloudflare按钮源码位置SettingsCloudPane.swift。它会自动完成克隆官方 Worker 模板自动创建并绑定 R2 存储桶与 D1 数据库提示你填写UPLOAD_TOKEN密钥——把第 2 步复制的令牌粘贴进去即可。全程在 Cloudflare 的官方部署流程里操作跟着引导走完就行不需要写一行代码。 如果你习惯命令行部署也可以在 Worker 目录执行npx wrangler secret put UPLOAD_TOKEN写入令牌并把 R2、D1 绑定到 Worker。第 4 步回填 Worker URL 并验证连接部署完成后把 Cloudflare 给你的 Worker URL形如https://…workers.dev粘贴回Worker URL输入框点击Verify Connection。App 会依次调用 Worker 的/api/setup和/api/ping两个接口见 SettingsCloudPane.swift✅ 右上角状态点变绿显示Connected说明 R2 D1 已就绪❌ 显示Invalid token通常是令牌没填对复制完整一点即可。令牌会安全存入 macOS 钥匙串CloudCredentialStore.swift不在明文偏好中。第 5 步上传并拿到分享链接随便截个图或录个屏点击预览卡片上的上传按钮可以填一个标题、开关允许评论与点赞选择会记住下次自动应用实现见 CloudUploadOptions.swift也可以在设置 → 截图/录屏 → 捕获后自动化里勾选上传并复制链接实现截完自动上传、链接自动进剪贴板这才是一键分享的完全体。自建后的分享页有多像 Loom共享录屏会打开一个 Loom 风格页面包含 视频播放器倍速播放、影院模式、拖动进度条时显示缩略图预览可搜索字幕跟随播放高亮点击即可跳转 可以锚定到某个时间点的评论 观看次数统计、海报图粘贴到聊天软件时有富文本链接预览。共享截图则是干净的图片查看器支持复制与下载。链接主上传完成即可访问字幕、海报、预览图随后陆续补全。常见问题 FAQQ1R2 要钱吗存储本身在免费额度内基本够用关键是 R2没有出站流量费——别人反复看你的视频也不产生额外费用这是自建 Loom 最大的省钱点。Q2数据会经过第三方服务器吗不会。Screendrop 没有中心服务器账号、文件、链接全在你的 Cloudflare 资源里App 本地只保留令牌和 Library 元数据。Q3验证失败显示 Invalid token 怎么办重新复制完整令牌确认 Worker 的UPLOAD_TOKEN密钥与 App 中的一致再点 Verify Connection。Q4换台电脑能用同一个云端吗能。在新设备里填同一个 Worker URL 同一个令牌即可云端数据完全通用。写在最后整个流程回顾安装 → 复制令牌 → 一键部署 → 回填 URL → 上传拿链接。5 分钟零代码你就拥有了一个数据在自己手里、没有流量费、带字幕和评论的私有 Loom。Screendrop 目前仍在快速迭代中如遇小问题可到项目发布页查看更新说明源码架构参考 README.md 与 AGENTS.md。【免费下载链接】ScreendropA beautiful screenshot screen recording Loom alternative - all native, self hostable and free.项目地址: https://gitcode.com/gh_mirrors/sc/Screendrop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

关于本文作者

来自尧图内容编辑团队

尧图内容编辑团队 内容团队

尧图内容编辑团队

本文由尧图网络内容编辑团队执笔。团队由资深项目经理、前端工程师与设计师组成,所有内容均来自亲手交付的真实项目,先讲清问题、再给出可落地的解法。尧图深耕北京网站建设十年,服务过京华建材集团、智造科技等各行业客户,把一线经验沉淀为可复用的行业观察。

  • 十年建站经验,覆盖建材、制造、服务、文创等
  • 项目经理把关选题与事实准确性
  • 工程师与设计师联合撰写专业细节
  • 统一编辑规范,保证文风与排版一致
  • 每月复盘转化数据,迭代选题方向

延伸阅读

相关资讯与近期热门内容

深度阅读推荐

建站决策前值得细读的三篇

网站改版的5个关键决策
2024-08-12

网站改版的5个关键决策

什么时候该改版、改到什么程度、如何避免流量掉光,京华建材集团改版复盘给出答案。

获取专属建站方案

看完文章,把您的行业与预算告诉我们,免费获取一份量身定制的官网建设方案与报价。

立即免费咨询