p2p editor

P2P 편집기

브라우저에서 작동하는 라이브 코딩 세션에 대한 P2P 코드 편집기.

이 평행 P2P 우주는 여전히 매우 어둡습니다. 더 밝게 만들고 싶다면 별을 만드시겠습니까?

우주 탐험»

온라인 데모 · 로드맵 · 기여

목차

• P2P 편집자는 무엇을합니까?
• ? 왜 P2P인가?
  • P2P의 이점
  • 완전히 배포되는 복잡성이 추가되었습니다
• 건축학
• 환경 설정
  • ? 필요한 도구
  • 환경 구성
  • ? 응용 프로그램 실행
  • ✅ 실행을 테스트합니다
• 라이브 데모
• 에 대한
• ? 기여
• ⚖️ 라이센스

P2P 편집자는 무엇을합니까?

P2P 편집기는 브라우저에서 작동하는 코드 편집기로 라이브 코딩 세션을 공유 할 수 있습니다. 새로운 세션을 공유하는 직접 확인하십시오.

1. 브라우저에서 P2P 편집기 세션을 엽니 다
2. 세션 URL을 다른 사람과 공유하십시오 (또는 다른 브라우저 창에서 자신과 함께?)
3. 타이핑을 시작하고 실시간 경험을 즐기십시오!

현재 기능은 제한되어 있지만 P2P 편집기를 훌륭하게 만드는 로드맵과 좋은 첫 번째 문제가 있습니다. 참여하고 싶다면 기고 섹션을 살펴보십시오.

? 왜 P2P인가?

우리는 모든 변경 사항이 저장되는 중앙 집중식 서버가 필요하지 않도록했습니다. 커뮤니케이션은 한 피어 (연결된 사용자)에서 다른 피어로 이루어집니다. 이렇게하면 몇 가지 이점이 있지만 추가 복잡성을 고려해야합니다.

P2P의 이점

• 직접 통신 : 대기 시간 및 대역폭을 줄입니다.
• 서버 없음 : 클라우드, 스케일링, 배포 없음, DevOps ...
• Saas 없음 :
  • 유효성.
  • 사용 제한이 없습니다.
  • 데이터의 알려지지 않은 (악의적이든 아니든).

완전히 배포되는 복잡성이 추가되었습니다

• 데이터 일관성.
• 네트워크 파티션 / 토폴로지.
• 피어 발견 및 연결 설정.
• 인증 / 승인.
• 보안 및 개인 정보.

우리는 P2P 응용 프로그램 개발에 특별한 관심을 가지고 있습니다. About Section에서 더 많은 것을 읽을 수 있습니다.

건축학

P2P 편집기 빌딩 블록 :

• 코드 편집기 : 에이스
• 데이터베이스 : 로그 만 추가 (하이퍼 코어)
• 커뮤니케이션 : WEBRTC RTCDATACHANNE (WEBRTC-SWARM)
• 피어 발견 : WEBRTC 신호 서버 (SignalHub)
• 스토리지 : RAM

워크 플로 :

1. 피어는 신호 서버를 통해 발견됩니다.
2. 편집자의 각 변경에 대해 변경을 나타내는 델타는 하이퍼 코어 데이터베이스에 추가됩니다.
3. 하이퍼 코어 데이터베이스는 WEBRTC RTCDATACHANNAL을 통해 모든 동료간에 지속적으로 복제됩니다.
4. 피어가 델타를 받으면 편집기 인스턴스에 적용됩니다.

환경 설정

? 필요한 도구

1. Docker를 설치하십시오
2. 이 프로젝트를 복제하십시오 : git clone https://github.com/CodelyTV/p2p-editor
3. 프로젝트 폴더로 이동 : cd p2p-editor

환경 구성

1. 기본 환경 변수를 복사하십시오 : cp .env.dist .env
2. 필요한 경우 환경 변수를 수정하십시오. vim .env

? 응용 프로그램 실행

1. Docker Compose : docker-compose up 를 사용하여 응용 프로그램을 시작하십시오
2. http : // localhost : 3617로 이동하십시오

✅ 실행을 테스트합니다

1. 단위 테스트 실행 : docker-compose run p2p-editor test

라이브 데모

1. 새로운 라이브 코드 세션을 시작하려면 http://p2p-editor.codely.tv.
2. 세션에 가입하려는 사용자와 URL을 공유하십시오.
3. 파일 편집을 시작하십시오.

그게 다야! 모든 변경 사항은 Connected Peers 편집기에 즉시 반영됩니다.

행복한 P2P 코딩!

에 대한

우리는 웹 환경에서 P2P 커뮤니케이션에 대한 학습 과정의 맥락 에서이 프로젝트를 시작했습니다. P2P 편집자의 목적은 우리가 학습을 커뮤니티와 공유하면서 유용한 것을 구축 할 수있는 접근 방식을 수행하여 학습을 적용하는 것입니다.

우리는 멋진 P2P 저장소에서 유용한 모든 학습 리소스를 게시하고 있습니다. 자유롭게 확인하고 좋아하는 링크를 추가하십시오!

P2P 편집기의 초기 구현은 Mathias Buus 작업을 기반으로합니다. 이것을 읽은 경우, 많은 무료 (libre) 자원과 지식을 공유해 주셔서 대단히 감사합니까?

P2P 편집기는 사용자 기여 및 CodelyTV에서 지원하는 비 이익 무료 소프트웨어입니다.

? 기여

어떻게 기여할 수 있습니까?

• 보고 버그.
• 피드백 제공 및 새로운 기능 제안.
• repo에게 별을 줘.
• good first issue 로 표시된 개발 해결 문제에 참여합니다.
• 멋진 P2P 저장소에 학습 리소스 추가.

백 로그와 위키를보고있는 P2P 편집기의 로드맵에 대한 아이디어를 얻을 수 있습니다.

⚖️ 라이센스

MIT 라이센스 (MIT). 자세한 내용은 라이센스를 참조하십시오.