Seleccionar página

나는 작은 채팅 응용 프로그램을 작성에 Socket.io 튜토리얼을 따랐다. 그러나 사용자와 Websocket 간의 연결을 시작하려면 클라이언트의 스크립트에 socket.io.js 파일을 포함시켜야하는 것 같습니다. 그러나 socket.io.js 파일을 어디에서 구할 지 알 수 없습니다. socket.io 클라이언트의 독립 실행형 빌드는 socket.io 서버에서 /socket.io/socket.io.js 자동으로 노출됩니다. 또는 dist 폴더에 있는 파일 socket.io.js를 제공하거나 CDN을 통해 포함할 수 있습니다. 이러한 기능에는 다음과 같은 간단하고 편리한 API Socket.IO가 함께 제공됩니다. GitHub에는 4천만 명 이상의 개발자가 협력하여 코드를 호스팅 및 검토하고 프로젝트를 관리하고 소프트웨어를 함께 빌드합니다. 네이티브 iOS, Android 및 Windows Phone용 Sails/Socket.IO 클라이언트를 구현하는 커뮤니티 프로젝트도 몇 개 있습니다. 클라이언트가 메시지 수신을 확인했을 때 콜백을 받을 수 있는 경우가 있습니다. Socket.io 하나 이상의 클라이언트와 서버 간의 실시간 이벤트 기반 통신을 가능하게 합니다.

그것은 모든 플랫폼에서 작동, 브라우저 또는 장치 와 빠르고 신뢰할 수. Socket.io 두 부분으로 구성: 브라우저에서 실행 되는 클라이언트 쪽 라이브러리 및 Node.js에 대 한 서버 쪽 라이브러리입니다. 두 구성 요소 모두 동일한 API를 갖습니다. 이 예제에서는 시작 소켓 연결을 비활성화하고, 클라이언트 환경을 “프로덕션”(로그를 비활성화)으로 설정하고, 모든 소켓 요청에서 전송되는 x-csrf 토큰 헤더를 설정합니다(재정의하지 않는 한). 헤더 사전과 같은 복합 값은 한 쌍의 따옴표로 래핑됩니다. 이러한 방식으로 지정된 복합 값은 JSON 인코딩되어야 하므로 키 이름과 값 문자열을 큰따옴표로 묶어야 합니다(단순함의 경우 값 문자열 내의 문자열은 단일 따옴표로 동봉됩니다). app.js 파일을 다시 시작하면 입력 상자에 아무것도 입력하고 제출을 누를 때 다른 모든 클라이언트에게 메시지를 보낼 수 있습니다. hello 월드 메시지 아래의 div가 업데이트되어야 합니다. 3 .

익스프레스를 설치하고 Socket.io 나중에 모든 직렬화 데이터 구조를 내보내려면 package.json 파일에 저장하십시오: 간단한 채팅 앱을 실행하기 위해 WebSocket을 설정하려고 합니다. 재연결 논리 등을 신경 쓰지 않는다면 Socket.IO Engine.IO 살펴보십시오. 브라우저에서 sails.io.js를 사용하는 데 필요한 모든 것은 태그에 라이브러리를 포함하는 것입니다. Sails는 모든 새 앱의 자산/js/종속성 폴더에 라이브러리를 추가하여 작성할 수 있습니다. 시작 가이드에서는 200줄 미만의 코드로 많은 놀라운 응용 프로그램을 만드는 방법을 보여 줄 것입니다. . Socket.IO 브라우저화 및 웹 팩과 호환됩니다(예 참조). 1 . app.js 파일에서 index.html을 편집하여 이 스크립트를 파일 하단에 추가한 후 시작하기 전에 Node.js 및 NPM(노드 패키지 관리자)이 설치되어 있다고 가정합니다. 그렇지 않은 경우 NVM을 다운로드하고 설치하는 것이 좋습니다.

NVM은 노드의 버전 관리자입니다. 이렇게 하면 gulp 작업 테스트가 실행됩니다. 기본적으로 테스트는 lib 디렉토리의 소스 코드로 실행됩니다. 기본적으로 소켓 연결은 초기 소켓 핸드셰이크와 함께 전송되는 쿠키 헤더를 사용하여 현재 브라우저 세션(있는 경우)에 연결됩니다. 이 동작을 해제하려면 연결하기 전에 소켓의 쿼리 속성에 nosession=true를 추가합니다. 예를 들어 응용 프로그램 내에서 문제를 분리(예: 모듈당 또는 사용 권한 기반)로 구분하기 위해 Socket.IO 여러 네임스페이스를 만들 수 있습니다.