jungdu / p2p-browser-file-transfer

Transferring files from browser to browser using WebRTC

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

p2p-browser-file-transfer

WebRTC를 활용한 browser에서 browser로 파일 전송 웹 어플리케이션.
브라우저에서 파일을 등록하면 소켓 서버에 파일 정보와 등록된 브라우저의 소켓 ID가 함께 리스트에 등록됩니다.
리스트를 통해서 다운로드할 파일을 업로드한 브라우저를 식별합니다.

장점

파일의 전송은 WebRTC로 전송되므로 서버로 파일을 전송할 필요가 없습니다.
따라서 파일 업로드, 다운로드 트레픽 비용이 발생하지 않는 장점이 있습니다.

단점

파일을 등록한 브라우저는 계속 실행 중에 있어야 다운로드가 가능하며, 파일을 등록한 브라우저가 종료되면 파일을 전송할 수 없습니다.


사용 방법

업로드

  1. 사이트 접속 https://p2p-file-transfer.azurewebsites.net/
  2. Choose File 버튼을 클릭하여 업로드할 파일을 선택
  3. 파일 등록 버튼을 클릭하여 파일 등록.
    파일이 등록되면 table에 파일이 추가됩니다.

다운로드

위의 업로드 과정을 통하여 등록된 파일은 테이블에서 확인하실 수 있습니다.
우측 칼럼에 나타나는 download 버튼을 통해서 등록된 파일을 다운로드 받을 수 있습니다.


TODO

  • app을 고도화하기 위해서 frontend에 react 도입이 필요.
  • 다운로드는 진행상황을 나타내는 progress bar 추가
  • 다운로드 속도 표시

About

Transferring files from browser to browser using WebRTC

License:MIT License


Languages

Language:TypeScript 83.7%Language:HTML 8.1%Language:JavaScript 7.5%Language:Dockerfile 0.7%