撸一个基于浏览器的 P2P 应用，代替百度云盘传文件，顺便补网页微信不能用的缺
bshu · 2019-12-01 15:49:12 +08:00 via Android · 16311 次点击这是一个创建于 1853 天前的主题，其中的信息可能已经有所发展或是发生改变。
之前用百度云盘基本为了远程传文件，可惜现在不付费基本就是摆设了，挺喜欢网页微信的，在任何电脑上都可以方便的和自己手机连接，可惜挂了。
看 webrtc 挺好玩的，就撸了个网站，帮各个设备建立直连通道，方便文件分享和文字内容相互 copy。
现在只在 android 和 window 中使用着，苹果那一套据说 webrtc 支持不是很好，还没有测试和做兼容性。
www.pplink.link
看 webrtc 挺好玩的，就撸了个网站，帮各个设备建立直连通道，方便文件分享和文字内容相互 copy。
现在只在 android 和 window 中使用着，苹果那一套据说 webrtc 支持不是很好，还没有测试和做兼容性。
www.pplink.link
第 1 条附言 · 2019-12-05 16:59:41 +08:00
非常感谢 v 友们的建议和反馈，让这个东东又完善了一些。
但是之前一个使用 mac 的兄弟说连接不上，我又无法联系上他，所以只能再求助这里使用 mac 的 v 友帮忙反馈一下了：用 safari 的话，能否连接上并进行文件和文字的互传？ 界面有没有明显的错乱问题？
多谢！！
另外，有海外的兄弟，啥时候方便帮我测试一下，想看一下海外和国内能否直连，直连后的传输速度如何。
再次多谢！！
但是之前一个使用 mac 的兄弟说连接不上，我又无法联系上他，所以只能再求助这里使用 mac 的 v 友帮忙反馈一下了：用 safari 的话，能否连接上并进行文件和文字的互传？ 界面有没有明显的错乱问题？
多谢！！
另外，有海外的兄弟，啥时候方便帮我测试一下，想看一下海外和国内能否直连，直连后的传输速度如何。
再次多谢！！
第 2 条附言 · 2020-02-28 13:11:41 +08:00
PPlink2.0上线
-
增加“视频连接”功能，点到点实时视频流，可实现屏幕分享、视频会议、直播、视频合成等
-
修复部分文件传输功能的bug
-
UI调整
 |
1
en20 2019-12-01 16:27:20 +08:00 via iPhone
试了一下做的很好，有开源吗
|
 |
3
wudaonongjian 2019-12-01 16:38:56 +08:00
这个真的蛮好的，方便，点赞，开源吗
|
 |
4
whwq2012 2019-12-01 16:43:28 +08:00 via Android
qq 局域网传输不好吗？不也是全平台
|
 |
5
bshu OP 前端基于 simple-peer 和 quasar，后端 expressjs，因为开始是基于兴趣，所以是在原有的商业项目的基础上构建出来的，要开源估计先要擦屁股，很大一部分代码要重写的，否则哪敢放出来
|
|
7
bshu OP @whwq2012 qq 已经 n 年不在用了，麻烦，基本是用微信和网页微信，任何电脑都比较方便，可惜微信网页不让用了，强制推客户端。局域网和广域网都可以用。
|
|
9
whwq2012 2019-12-01 16:59:34 +08:00
@bshu #7 qq 可以 pc，ipad，手机端三端登录，而微信最多手机+ipad/pc。这不比微信方便？除非你平时不同时用 pc 端和 ipad 端。。
|
 |
11
mitong3269 2019-12-01 18:00:18 +08:00
今晚试一试
|
|
12
bshu OP @mitong3269 有问题的话就反馈一下，多谢了
|
 |
13
oreoiot 2019-12-01 18:26:29 +08:00 via iPhone
直接网页调用摄像头扫码好评。
|
|
14
bshu OP @oreoiot 被逼的，国内 android 的浏览器对 webrtc 或 blob 支持的不好，chrome 和 firefox 最完善，但是人家没有扫码功能，所以只能自己在网页里实现了
|
 |
15
xiangyuecn 2019-12-01 19:33:52 +08:00  1
首页标题可以改一下，收藏起来真费力，睡一觉起啦估计就不知道这个链接啥玩意了😂😂 比如：
old: pplink new: pplink - 大文件传送、电脑 /手机互连 |
|
16
bshu OP @xiangyuecn 哈哈，OK ！多谢！
|
 |
17
feixia5712 2019-12-01 20:02:06 +08:00 via Android
挺好用的，我们上传的文件会在服务器记录吗？
|
|
18
feixia5712 2019-12-01 20:18:55 +08:00 via Android
希望大佬能开源，造福人类
|
|
19
bshu OP @feixia5712 两端是穿透后直连，服务器只是帮着建立连接，转发一下连接命令，数据不走服务器。但是如果两侧确实无法穿透，数据是分片后通过不同的 relay 中继转发过去的，中继那里也是网络底层透传，中间无解析无缓存无记录。以后希望把中继也部署在用户端，类似 P2P，多点转发，但每个都只是少量几个随机数据块
|
|
20
feixia5712 2019-12-01 21:35:00 +08:00 via Android
@bshu 谢谢大佬，学习了，最后能开源出来就好了，公司内部使用，或者其他用，就更好了
|
 |
21
AoTmmy 2019-12-01 21:45:33 +08:00 via Android
不错不错，好东西收藏了，等大佬一个 github🌸
|
 |
22
mineV 2019-12-01 22:38:34 +08:00
https://github.com/LingyuCoder/SkyRTC-demo
发现一个类似的开源项目 |
|
23
bshu OP @mineV 额..，github 上用 webrtc 实现数据传送的项目有些确实不错，开始做的时候也研究过，比如 FilePizza，大家感兴趣可以搜来玩玩。不过，你发的这个之前确实没怎么留意，因为是用于实时视频和音频的项目。因为做这个开始主要就是为了方便远程传文件，所以音视频的应用没考虑，实现应该更容易，只是用来干嘛呢？没想明白
|
 |
24
GPLer 2019-12-02 00:52:22 +08:00 via Android
error:1010 怎么破。
|
 |
25
EUMENDIES 2019-12-02 00:54:34 +08:00
学习一下
|
|
26
bshu OP @GPLer 正常情况下这个错误不应该产生，表示建立连接的消息缺少对端地址，可能哪里 bug 了吧，麻烦刷新一下页面，重新尝试一下
|
 |
27
HarveyJ 2019-12-02 01:55:17 +08:00
试了下感觉挺不错的，有点意思，支持一下
|
 |
28
blackcurrant 2019-12-02 02:57:50 +08:00
纯网页端吗？不需要服务器吗？
|
 |
29
anyele 2019-12-02 03:51:15 +08:00 via Android
就缺可以分享文字的
|
|
31
bshu OP |
 |
32
mengkun 2019-12-02 08:51:35 +08:00
不错。还可以即时聊天，比 https://file.pizza 好用！收藏了~
|
|
33
bshu OP 需要服务器帮助建立双方连接
|
 |
34
Hyseen 2019-12-02 09:08:04 +08:00
用 macOS 和 iPhone 简单测了一下，没发现什么问题，收藏了
|
 |
35
JunoNin 2019-12-02 09:16:44 +08:00 1
设置我的名字是不可以自定义的吗
|
 |
38
wei193 2019-12-02 09:26:49 +08:00
当年毕业设计就是这个玩意！一直想重新上线，看着毕业设计的代码觉得太垃圾就放弃了。
|
|
39
bshu OP @JunoNin 可以设置自己的名字，在你的设备下方更改就可以了。刚刚试了一下发现改不了，应该是有 bug，稍后我会吃掉它。名称是保存在本地浏览器的，设置一次以后再使用都有效，名字不会上传服务器，话说所有数据都不会经过服务器，服务器只负责双方建立连接的信令管理
|
|
41
bshu OP @Hyseen 哇，多谢！意外之喜，因为之前 safari 一点没有测试，ui 兼容性都没有做，看来问题不大。前端首次用 quasar ui 框架，很不错，赞一个。做前端的兄弟可以尝试一下
|
 |
42
steveway 2019-12-02 09:48:45 +08:00
好东西
愿意开源就更好了 支持~ |
 |
43
TomStark 2019-12-02 09:50:06 +08:00
收藏了.很棒
|
 |
44
qyvlik 2019-12-02 10:03:44 +08:00 1
还可以看看火狐的 https://send.firefox.com ，临时大文件传送。
|
 |
45
fhvch 2019-12-02 10:05:35 +08:00
有点意思！
|
 |
46
dixeran 2019-12-02 10:10:21 +08:00 via Android
NAT 严格点是不是就不能用了，比如 4G 网络这种
|
|
47
bshu OP @qyvlik 这个也用过，是个好东东，我如果有钱也把这个功能整进去，除了可以同步直传还可以异步传，一个安全，一个方便，随便选
|
|
49
bshu OP @dixeran 可以用，实在无法穿透的，采用了分片多中继透明转发，具体见上方回复。估计这种用户多了，现在部署的中继带宽不够。初步两种方案，一个是把中继集成到合适的用户端，一个寻求国内便宜带宽服务商，多中继随机分片转发，对网络稳定性要求没那么高。还在权衡中。
|
 |
50
Maboroshii 2019-12-02 10:37:26 +08:00
希望开源，学习一下
|
 |
51
zifangsky 2019-12-02 10:49:00 +08:00
感觉很不错，先收藏试用一下
|
 |
52
dreamweaver 2019-12-02 10:49:11 +08:00
哈哈你这个 logo 真就 piedpiper 呗
|
|
53
bshu OP @dreamweaver 嘿嘿，被你抓包了，我一个理工男，既没有审美，也没设计能力。在 iconfont 中找啊找啊，就看到他了，然后就拎过来了。除了被我老婆抓包，你是第二个。
|
 |
54
imdong 2019-12-02 11:00:32 +08:00 1
建议添加自定义 path，不然两台电脑，可能不太方便输入。
比如：自定义别名 + 密码 |
 |
55
Zeonjl 2019-12-02 11:10:26 +08:00 via iPhone
收藏🙏
|
 |
56
FakeLeung 2019-12-02 11:19:29 +08:00
传了个视频。
本地能打开，发给对方打不开。  |
|
57
bshu OP @imdong 这个之前确实考虑过，当时觉得自定义的话需要配合一大推的安全机制才能更好保护用户不被恶意用户骚扰。而且也实现了连接前需要对方手动确认的功能，只是没有开放，主要考虑就是怕用户麻烦，还有就是远程连接时的方便性。比如我在家里的电脑打开网站，记下网址，然后我在公司或其他任何地方和设备都可以直接接入。现在的机制是只有关闭网站那么下次进来就是一个随机的新地址，可以防止恶意用户接入。如何是自定义的话，基本就是半永久，被探测到的风险还是较高的，加上密码的话确实可以一定程度上增加安全性。好，这个功能我记下了，稍后帮你加上去。当然也是本地浏览器验证奥，服务器不参与任何数据和业务逻辑。
|
|
58
bshu OP @FakeLeung 数据是分片加密传输的，传输后会校验和重组，如何校验失败并且尝试自我修复仍然无法解决，那么会出现这个提示。一直在完善和修复这个机制中。方便的话请重新连接，然后传输一下这个视频试试。另外，请问你用的是什么系统和浏览器，多谢！！
|
|
59
FakeLeung 2019-12-02 11:27:06 +08:00
|
 |
60
dcalsky 2019-12-02 11:31:08 +08:00 via Android
有同学用 iphone 在微信或者 qq 里打开测试过吗？我想问问兼容性
|
|
61
bshu OP @FakeLeung 好的，多谢。因为服务器不参与连接传输，所以也不清楚具体什么原因。只能说如何对方没有中止的情况下（对方显示 100%可能还没有传输完奥，因为文件大的时候百分比计算是不准确的），确实偶尔碰到出错的情况，原因包括当时网络、校验等。我会继续排查代码，完善大文件传输的机制。
|
|
62
bshu OP @dcalsky 真是好心人，iphone 中微信和 qq 我也想知道呢。不过 android 上的微信，可以发文件和文字内容相互传送，但是下载不行，估计 iphone 也差不多。qq 吗？没有测
|
 |
63
binjjam 2019-12-02 11:54:34 +08:00
已感谢，NB ！
|
|
64
bshu OP @xiangyuecn 网站名称已经按你的建议完善，谢谢你！
@JunoNin 自定义名字 bug 也已经修复，谢谢你！ 修改名字后本地立即生效，之后所有的新连接将看到你的新名字；对于之前已经建立的连接，相互同步彼此信息时也会即时生效。 |
 |
65
baiduyixia 2019-12-02 12:54:23 +08:00
有开源吗
|
 |
66
v3xe 2019-12-02 13:14:25 +08:00
微信已经屏蔽了哇~
|
 |
67
kakudesu 2019-12-02 13:33:52 +08:00
我一般是用 xender，爱莫助手
|
 |
69
jsq2627 2019-12-02 13:50:51 +08:00
如何知道自己传输的文件是经过 relay 还是 p2p 呢？
|
 |
73
honjow 2019-12-02 14:10:01 +08:00
厉害。很方便
|
|
75
bshu OP @jsq2627 刷新一下试试，先刷新最开始打开的那个，再刷新另一个去重新连接。做的时候已经统一考虑两边的连接情况了，不应该出现这种情况。如果出现显示不一致，可能就是 bug
|
 |
76
hkyyx 2019-12-02 14:33:26 +08:00
PC 端：win7 Chrome V71.0.3578 手机端：安卓 8.0 X 浏览器 V2.9.0 （点击下载后进度条能跑完，但是下载管理器没有任何东西） 神奇浏览器 V0.8.7 （点击下载后能弹出下载框，但显示正在解析文件且下载速度为 0，目前以过去 5 分钟了，任然这样，测试文件：一张 450KB 的 jpg 图片，一个 12KB 的 docx 文件，一个 27KB 的 xlsx 文件）
|
 |
77
differentPlayer 2019-12-02 14:37:21 +08:00
我双开了 2 个 chrome 选项卡，好像没办法使用。。。
|
|
78
bshu OP @hkyyx 在 pplink 帮助里已经针对此问题有相应的提示，国内产的 android 手机浏览器在下载时，可以正常传输，但是保存文件时浏览器不支持页面里的内容下载，只是把粗暴的链接丢给了一个负责下载的子应用，所以导致无法正常保存，这个研究了半天还没有很好的解决方案。手机版的 chrome 和 firefox 不存在此问题，能正常使用。
|
|
79
differentPlayer 2019-12-02 14:40:59 +08:00 1
好像同处一个 wifi 下就一直显示 xxx 正在链接，后来把手机切到 4G 之后，就提示 error 1010
|
|
80
bshu OP @differentPlayer 支持多个 tab 的使用，如果是互连测试，请刷新那个访问复制了的链接的页面，应该可以正常连接，这个问题好像只出现在同一个浏览器下第一次访问时。如果还不行那请确认一下 你的 chrome 版本了
|
|
82
bshu OP @differentPlayer 先感谢一下，刷新一下页面试一下吧，如果还是不行，估计被你踩了一个大 bug。1010 这个问题我之前以为偶然出现，现在看来应该是这个 bug 导致的你连不上，今天我会修复掉。修复后通知你。谢谢你！！
|
|
83
differentPlayer 2019-12-02 14:51:33 +08:00
Google Chrome 已是最新版本
版本 78.0.3904.108 （正式版本） （ 64 位） 刷新网页一直是这 2 个 tips 正在连接 36423ab0-14ce-11ea-afbb-95dced5392d1 ... a578e1d0-14cf-11ea-afbb-95dced5392d1 开始连接你... |
|
85
bshu OP @differentPlayer 哈哈，大哥，你这个是第一次碰到。请确认一下，一个地址是 www.pplink.link，没有后缀参数，刷新后，在这个页面里复制“我的网址”，然后在另一个 tab 中打开刚复制的链接，可以刷新几次。我想不通为什么会出现两个提示，一个是连接，一个是被连接，除非你刚刚打开连接一个对端，另一个对端也在连接你，哪有这么巧奥。
|
|
86
bshu OP @jackrebel OK，我会再测试一下，微信是不是有后缀导致的警告。另外不建议在微信里使用，微信里无法下载。建议用 chrome、firefox、safari，原生 chrome 没有二维码扫描，但是在 pplink 的首页的右上侧有二维码扫描功能，可以直接扫描连接电脑的。
|
|
87
bshu OP @differentPlayer 能连上吗？要不我开个连接，你连我 ： https://www.pplink.link/?r=9a141930-14c6-11ea-afbb-95dced5392d1
|
|
88
differentPlayer 2019-12-02 15:24:49 +08:00
@bshu 刚去看了会 webRTC，没看到不好意思。
可能我刚刚的表述有误，2 个 Tab 一个显示“正在连接 36423ab0-14ce-11ea-afbb-95dced5392d1 ...”，另一个显示“a578e1d0-14cf-11ea-afbb-95dced5392d1 开始连接你...”。 重新测试之后，还是不行。 |
|
89
bshu OP @differentPlayer 那只能我修改掉 1010 那个之后，你再试一下吧
|
 |
90
justfun 2019-12-02 15:55:29 +08:00
太强了 一直需要这个功能。4g 网络竟然也可以
|
 |
91
sdalkesioe 2019-12-02 19:16:06 +08:00
这个有点厉害了。测试了下，一般的文件传输都没问题；但是传了一个 2.5G 的视频，每次传到 50%左右，手机端浏览器就奔溃了，传好几次都成功不了。
|
|
92
bshu OP @sdalkesioe 哈哈, 你狠，我都没试过这么大文件，这个在网站帮助里也有说明，和接收端的浏览器和手机有关，为了兼容性，采用方案现在还有局限性，pc chrome 最大 2g，手机一般内存的五分之一左右，后面再出一个版本，尽量做到单文件没有大小限制
|
 |
93
Yws 2019-12-03 09:10:11 +08:00
下载速度有点慢额，手机端上传成功了，电脑端下载不下来，而且按暂停后再按继续就卡住了。
|
|
94
bshu OP @differentPlayer 对连接那部分做了优化和完善，方便的话再试一下能否连接，多谢
|
|
95
bshu OP @Yws 请问手机是连 wifi 还是 4g，电脑端用什么浏览器，哪个版本，暂停后手机有没有进入休眠？
|
|
96
differentPlayer 2019-12-03 09:32:03 +08:00
@bshu 刚测试还是不行。
昨天回家之后也拿家里的网络测试了，一样的结果。 补上 2 个 chrome 窗口的 wss 图，不知道对你是否有帮助 aHR0cHM6Ly9zbS5tcy9pbWFnZS93cXJiQWY3NFNUa2pJRmwKaHR0cHM6Ly9zbS5tcy9pbWFnZS9iemhQbGo3TG44QVV3Mnk= |
|
97
bshu OP @differentPlayer wss 这个是加密过的，密码是动态的，只能在当时那个运行环境下解密，我也解不开。我现在也不好推测到底哪里有问题了。连接服务器慢？防火墙？浏览器禁用本地存储？太多潜在原因了，我也很难定位了。你手机可以连接吗？
|
 |
98
peterjose 2019-12-03 15:17:11 +08:00
不错 还没有学习 webrtc 传输几百 kb 正常吗
|
|
99
bshu OP @peterjose 不太正常，如果是 4g，这个不稳定，不好说。如果 wifi 下，直连情况下可跑满上行，relay 情况下 10m 左右可以轻松达到
|
|
100
Yws 2019-12-04 08:42:40 +08:00
手机连 4g，电脑是谷歌浏览器 3.0.1.6，暂停后手机没有进入休眠
|
Select Language