企业官网建设流程全解析

Snapdrop PWA 安装教程：如何把文件共享网站装进电脑和手机（iOS/Android/桌面全平台指南）

【免费下载链接】snapdropA Progressive Web App for local file sharing项目地址: https://gitcode.com/gh_mirrors/sn/snapdrop

Snapdrop 是一个免费开源的本地文件共享 PWA（渐进式 Web 应用），灵感来自 Apple AirDrop：只要设备连在同一个 Wi-Fi，打开浏览器就能互相传文件，无需注册。本文是一份面向新手的完整指南，手把手教你 3 步把 Snapdrop 安装为电脑、Android 和 iOS 上的"原生应用"，让跨设备传文件像 AirDrop 一样简单。

Snapdrop 是什么？浏览器里的"AirDrop"

Snapdrop 的核心卖点只有三个，但也个个戳中痛点：

• 📡同网即传：同一局域网下的所有设备在页面上互相可见，点一下就能发文件
• 🔐P2P 端到端加密：文件通过 WebRTC 在设备之间点对点传输，服务器经手不到你的任何文件
• ⚡极简无负担：没有账号、没有数据库、没有广告，打开就用

更多原理细节可以查看官方 FAQ：docs/faq.md。

桌面一键安装：Chrome / Edge 最快 PWA 安装步骤

基于 Chromium 的浏览器（Chrome、Edge、Brave 等）都支持一键安装 PWA，全程只需 3 步：

1. 在浏览器中打开 Snapdrop 官方站点 snapdrop.net
2. 点击地址栏右侧出现的⊕ 安装图标，或打开菜单 →「安装应用」
3. 在弹出窗口中点击Install，Snapdrop 就以独立应用形式装进了你的电脑

安装后它会拥有独立图标和独立窗口，从开始菜单或 Dock 直接启动，体验几乎与原生软件无异。PWA 的应用能力由 client/manifest.json（应用清单）和 client/service-worker.js（离线缓存）共同实现。

Android 安装方法：添加到主屏幕

1. 用 Chrome 打开 Snapdrop
2. 点击右上角⋮ 菜单→ 选择「添加到主屏幕」或「安装应用」
3. 确认后，主屏幕出现图标，全屏运行，与原生 App 无异

💡 小贴士：Android 上还可以用第三方 Snapdrop App，支持从其他 App 的「分享」菜单直接把文件发到 Snapdrop。

iOS 安装方法：Safari 分享菜单 3 步搞定

iPhone / iPad 无法直接"安装"网页，但 PWA 可以添加到主屏幕：

1. 用Safari打开 Snapdrop（其他浏览器不支持此功能）
2. 点击工具栏的分享按钮（方框+向上箭头）
3. 选择「添加到主屏幕」→ 确认添加
4. 点击主屏幕图标即可全屏打开，就像打开了一个 App

日常使用：3 步完成一次跨设备传输

安装完成后，日常传文件的流程只有 3 步：

1. 手机、平板、电脑连接同一个 Wi-Fi
2. 打开任意一台设备上的 Snapdrop，页面会自动列出网内所有在线设备
3. 点击目标设备，把文件拖入（手机直接点击选择），传输立即开始；发送完成会听到一声清脆的「blop」音效（音效文件在 client/sounds/blop.mp3）

前端页面主体见 client/index.html，设备发现与 WebRTC 连接逻辑在 client/scripts/network.js。

进阶玩法：用 Docker 搭建私人 Snapdrop

不想用公共实例？自己的服务器几分钟就能跑一个私有 Snapdrop：

1. 安装 Docker 与 docker-compose，然后克隆仓库：

git clone https://gitcode.com/gh_mirrors/sn/snapdrop cd snapdrop docker-compose up -d

2. 浏览器访问http://localhost:8080即可使用
3. 反向代理可参考 docker/nginx/default.conf，部署细节见 docs/local-dev.md

⚠️注意：PWA 安装入口要求网站使用受信任的 HTTPS 证书，仓库提供了自动签发脚本 docker/openssl/create.sh，本地自部署需要先把 CA 证书装入系统信任库。

常见问题速查

关键文件路径速查

• 前端主页：client/index.html
• PWA 应用清单：client/manifest.json
• 离线缓存：client/service-worker.js
• Node.js 信令服务器：server/index.js
• Docker 一键部署：docker-compose.yml
• 官方 FAQ：docs/faq.md
• 本地部署指南：docs/local-dev.md

小结

Snapdrop 证明了「极简」的力量：一个文件共享网站，桌面一键安装、手机添加到主屏幕，三分钟就能让全公司的设备组成一个随身的"AirDrop 网络"。如果你受够了数据线、网盘限速和传输密码，不妨现在就按本文步骤，把 Snapdrop 装进你的电脑和手机试试 🚀

【免费下载链接】snapdropA Progressive Web App for local file sharing项目地址: https://gitcode.com/gh_mirrors/sn/snapdrop