터미널 창을 보면 Socket.io 보내기 단추를 클릭 한 다음 터미널 창을 다시 살펴봅니다. 당신은 보아야 한다: 내가 앞에서 언급 했 듯이, 나는 서버와 HTML 파일 사이의 통신을 위해 Socket.io를 사용 하는 거 야. 첫 번째 줄은 Socket.io 서버에 연결 합니다. 다음으로, 우리는 이들에 대 한 전역 액세스 해야 할 것 같은 파일 리더와 파일의 이름에 대해 두 개의 변수를 만들었습니다. 함수 안에, 우리는 먼저 사용자가 파일을 선택 하 고, 그들이 한 경우, 우리는 fileereader을 만들고 좋은 진행률 표시줄과 DOM을 업데이 트 보장. 페이지에서 Socket.io를 사용 하려면 먼저 JavaScript 라이브러리에 연결 해야 합니다. 모든 라이브러리를 참조 하는 것과 같은 방법으로이 작업을 수행 합니다. 머리 영역에서 참조 하십시오. 프론트 엔드에서, 우리는 데이터와 사용자 지정 메시지를 보내드립니다 Socket.io 클라이언트를 실행 하는 반응에 버튼을 추가 합니다. 오픈/client/app/components/Home/Home.js 그리고 당신은 우리의 프로젝트 (우선 로드)의 색인 페이지가 표시 됩니다. 여기에 우리가 수입 아래에 있는 클라이언트를 가져올 것입니다:이 통신을 처리 하기 위해, 우리는 Socket.io를 사용 합니다.
당신이 Socket.io 들어 본 적이 없다면, 그것은 노드 사이에 실시간으로 통신을 위한 프레임 워크입니다 js와 HTML 웹 페이지-그럼 곧 더 파고. 그것은 mern를 가진 체제를 위해 그것이 다. 더 많은 게시물과 함께 미래에 Socket.io 더 많은 일을 함께 나올 수 있습니다. 오픈/server/server.js 우리는 필요한 Socket.io 코드를 추가 합니다. 이 라인의 밑에: 당신은 Socket.io를 사용 하기 위하여 2 개의 포장이 필요로 할 것 이다, 그래서 뛰 기: 마지막 2 개의 선은 socket.io 처리기이 고 누군가가 연결할 때, Socket.io를 통해 불릴 것 이다. 이 게시물에서, 나는 mern 스택에 Socket.io 설정에 대 한 지침의 집합을 제공 합니다. 아이디어는 당신이 당신의 미래 프로젝트의 출발점에 사용할 수 있습니다. Socket.io는 웹 사이트에서 실시간 이벤트를 만드는 일반적인 도구입니다. 사용자가 구독 하 고 앱의 인스턴스로 푸시할 수 있다는 생각입니다. 이것의 보기는 즉시 etc로 자료를 새롭게 하는 진짜 시간 전갈, 순간 의견을 포함할 것입니다. .
이것은 쭉 마시는 작업 테스트를 실행 합니다. 기본적으로 테스트는 lib 디렉터리의 소스 코드를 사용 하 여 실행 됩니다.