背景:作为一个开发,通常都有好几个设备,就比如我,有macbook,有win pc,还有几个测试手机。开发的时候肯定有时候想把这个设备的信息或者文件发送到另一个设备的情景吧,于是该工具应运而生。
通过此工具,你无需安装客户端。只需用浏览器访问一条链接,就可像同时在线的其他设备发送信息(仅限在同一局域网)
注意说明:该工具比较简陋,注重安全或者功能的,可以使用LocalSend, 主要是因为我不想安装客户端,并且我要求不高,能搞定多设备传输就行
话不多说,先上个效果图。
安装方法(要在node>=18的环境下运行)
npm install @ddd702/shareclip -g
运行命令
shareclip
运行截图
使用技术:
node + react + shadcn ui
原理嘛,其实很简单,就是在一个局域网上某机器启动http服务和webrtc服务。其他设备通过访问链接进行文本和文件的分享,概括一句就是:在局域网内建了个类似聊天室的服务
http服务没有使用Express , koa那些去实现,感觉这么小的功能引入框架太小题大做了,所以自己手写了简单的web服务处理,可以上传文件,restful api等
webrtc使用peerjs,反正使用也挺简单的。看官网文档跟着写就行
前端页面使用了react+shadcn ui。因为我平时写的是vue,所以react水平一般般(别喷啊)。
最后放上代码库,代码也没啥好解说的(主要是我不善于表达),有兴趣的就自己看吧