node.js_javascript 클래스 라이브러리에서 소켓.io 시작하기
웹소켓 및 기타 역방향 Ajax 기술 소개
실시간 웹 애플리케이션에서 일반적인 방식은 역Ajax입니다. 역방향 Ajax의 정의:
Reverse Ajax(Reverse Ajax)는 기본적으로 서버에서 클라이언트로 데이터를 보낼 수 있는 개념입니다. 표준 HTTP Ajax 요청에서 데이터는 서버로 전송됩니다. Reverse Ajax는 몇 가지 특정 방식으로 Ajax 요청을 시뮬레이션할 수 있습니다. 이러한 방법은 이 방법으로 서버가 서버에 데이터를 보낼 수 있습니다. 가능합니다. 클라이언트가 이벤트를 보냅니다(낮은 대기 시간 통신).
Reverse Ajax 기술에는 크게 두 가지 내용이 있습니다. 하나는 클라이언트에 보낼 데이터가 있을 때까지 서버가 TCP 연결을 유지하는 것이고(루프 및 절전 모드를 사용하여 구현할 수 있음), 다른 하나는 클라이언트 js 프로그래밍 기술입니다.
Websocket은 HTML5의 표준이자 Anti-Ajax 기술이기도 합니다.
Socket.io 역방향 AJAX 기술 구현 예시
socket.io 공식 소개:
Socket.IO는 모든 브라우저와 모바일 장치에서 실시간 앱을 구현하여 다양한 전송 메커니즘 간의 차이를 모호하게 만드는 것을 목표로 하며 모든 브라우저, 소켓에서 실시간 연결을 100% 제공합니다. IO는 API에 영향을 주지 않고 런타임에 가장 유능한 전송을 선택합니다. WebSocket Adobe® Flash® Socket AJAX 롱 폴링 AJAX 멀티파트 스트리밍 Forever Iframe JSONP 폴링
간단히 말하면, Socket.io는 nodejs 기반의 라이브러리로, 여러 Reverse Ajax 기술을 패키지하고 인터페이스를 통합합니다. 런타임 시, 소켓.io는 브라우저 조건에 따라 소켓.io 서버와 상호 작용하기 위해 적절한 역방향 Ajax 기술을 자동으로 선택합니다. websocket과 같은 기술이 표준이라면, 소켓.io는 애플리케이션입니다.
설치 방법은 다음과 같습니다(저자는 Linux Mint 16을 사용합니다).
node.js 설치:
nodejs 명령을 입력하여 쉘 모드로 들어갑니다.
npm 설치:
socket.io 설치:
설치 패키지는 ~/node_modules 디렉터리에 저장되고, 클라이언트 소켓.io.js는 ~/node_modules/socket.io/node_modules/socket.io-에 저장됩니다. 클라이언트/dist 디렉토리.
socket.io 예
다음 예시는 공식 홈페이지에서 가져온 것이며 적절하게 수정되었습니다.
먼저 서버측(서버측) 코드(test.js 파일)를 생성합니다.
var io = require('socket.io').listen(8080);
io.sockets.on('connection', function (socket) {
socket.emit('news', { hello: 'world' });
socket.on('나의 다른 이벤트' , function (data) {
console.log(data);
});
});
서버 test.js는 포트 8080에 바인딩되어 있습니다. 클라이언트가 연결될 때 test.js 서버가 실행 중이면 test.js 서버는 클라이언트에 news 명령을 보내고 test.js 서버가 my other 이벤트 명령을 수신하면 콜백을 호출합니다. function function (data) { console.log(data);} 수신된 데이터를 처리합니다.
저자는 포트 80을 사용하고 웹 루트 디렉터리는 /usr/share/nginx/html인 nginx 서버를 구축했습니다. ~/node_modules/socket.io/node_modules/socket.io-client/dist 아래의 소켓.io.min.js를 웹 루트 디렉터리에 복사하고, 웹 루트 디렉터리에 (클라이언트로) index.php 파일을 생성합니다. 내용은 다음과 같습니다.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
Node V8 엔진의 메모리와 GC에 대한 자세한 그래픽 설명
Mar 29, 2023 pm 06:02 PM
이 기사는 NodeJS V8 엔진의 메모리 및 가비지 수집기(GC)에 대한 심층적인 이해를 제공할 것입니다. 도움이 되기를 바랍니다.
Node의 메모리 제어에 관한 기사
Apr 26, 2023 pm 05:37 PM
Non-Blocking, Event-Driven 기반으로 구축된 Node 서비스는 메모리 소모가 적다는 장점이 있으며, 대규모 네트워크 요청을 처리하는데 매우 적합합니다. 대규모 요청을 전제로 '메모리 제어'와 관련된 문제를 고려해야 합니다. 1. V8의 가비지 수집 메커니즘과 메모리 제한 Js는 가비지 수집 기계에 의해 제어됩니다.
최고의 Node.js Docker 이미지를 선택하는 방법에 대해 이야기해 볼까요?
Dec 13, 2022 pm 08:00 PM
Node용 Docker 이미지를 선택하는 것은 사소한 문제처럼 보일 수 있지만 이미지의 크기와 잠재적인 취약점은 CI/CD 프로세스와 보안에 상당한 영향을 미칠 수 있습니다. 그렇다면 최고의 Node.js Docker 이미지를 어떻게 선택합니까?
Node.js 19가 공식적으로 출시되었습니다. Node.js의 6가지 주요 기능에 대해 이야기해 보겠습니다!
Nov 16, 2022 pm 08:34 PM
Node 19가 정식 출시되었습니다. 이 글에서는 Node.js 19의 6가지 주요 기능에 대해 자세히 설명하겠습니다. 도움이 되셨으면 좋겠습니다!
pkg를 사용하여 Node.js 프로젝트를 실행 파일로 패키징하는 방법에 대해 이야기해 보겠습니다.
Dec 02, 2022 pm 09:06 PM
nodejs 실행 파일을 pkg로 패키징하는 방법은 무엇입니까? 다음 기사에서는 pkg를 사용하여 Node 프로젝트를 실행 파일로 패키징하는 방법을 소개합니다. 도움이 되기를 바랍니다.
Node의 파일 모듈에 대해 자세히 이야기해 보겠습니다.
Apr 24, 2023 pm 05:49 PM
파일 모듈은 파일 읽기/쓰기/열기/닫기/삭제 추가 등과 같은 기본 파일 작업을 캡슐화한 것입니다. 파일 모듈의 가장 큰 특징은 모든 메소드가 **동기** 및 ** 두 가지 버전을 제공한다는 것입니다. 비동기**, sync 접미사가 있는 메서드는 모두 동기화 메서드이고, 없는 메서드는 모두 이기종 메서드입니다.
Node의 이벤트 루프에 대해 이야기해 봅시다.
Apr 11, 2023 pm 07:08 PM
이벤트 루프는 Node.js의 기본 부분이며 메인 스레드가 차단되지 않도록 하여 비동기 프로그래밍을 가능하게 합니다. 이벤트 루프를 이해하는 것은 효율적인 애플리케이션을 구축하는 데 중요합니다. 다음 기사는 Node.js의 이벤트 루프에 대한 심층적인 이해를 제공할 것입니다. 도움이 되기를 바랍니다!
노드가 npm 명령을 사용할 수 없으면 어떻게 해야 합니까?
Feb 08, 2023 am 10:09 AM
노드가 npm 명령을 사용할 수 없는 이유는 환경 변수가 올바르게 구성되지 않았기 때문입니다. 해결 방법은 다음과 같습니다. 1. "시스템 속성"을 엽니다. 2. "환경 변수" -> "시스템 변수"를 찾은 다음 환경을 편집합니다. 3. nodejs 폴더의 위치를 찾습니다. 4. "확인"을 클릭합니다.
