Socket.io-client: ๊ฐ๋„์—์„œ socket.io-client๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ์‹œ๋„ํ•˜๋ฉด 404๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2017๋…„ 02์›” 06์ผ  ยท  7์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: socketio/socket.io-client

Angular 2์— socket.io-client๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.
๋‚˜๋Š” ์ด๋ฏธ ๋ชจ๋“ˆ๊ณผ ๋ชจ๋“  ๊ฒƒ์„ ์„ค์น˜ํ–ˆ์œผ๋ฉฐ ์•„๋งˆ๋„ ํ•„์š”ํ•œ ๊ฒƒ ์ด์ƒ์ผ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

npm install @types/socket.io --save-dev
npm install @types/socket.io-client --save-dev
typings install dt~socket.io-client --save --global
typings install dt~socket.io --save --global

๊ทธ๋ฆฌ๊ณ  ๋‘ ๊ฐ€์ง€ ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์„ ์‹œ๋„ํ•˜์—ฌ ๊ตฌ์„ฑ ์š”์†Œ์—์„œ ๊ฐ€์ ธ์˜ค๊ธฐ๋ฅผ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค.

import * as io from "socket.io-client";
//declare var io:any;

๊ทธ๋Ÿฌ๋‚˜ ์—ฌ์ „ํžˆ ๋‚ด ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

http://localhost:4200/socket.io/?EIO=3&transport=polling&t=LeKQjxc 404 (Not Found)

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@darrachequesne ์šฐ๋ฆฌ์˜ ๋ฌธ์ œ๋Š” ์ด ์œ„์น˜๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•˜๋Š” nginx ๊ตฌ์„ฑ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

location ~/(socket\.io).*$ { proxy_pass http://127.0.0.1:6005; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "Upgrade"; }

๊ทธ๋Ÿฐ ๋‹ค์Œ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค :)

๋ชจ๋“  7 ๋Œ“๊ธ€

๋‚˜์—๊ฒŒ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ํ˜„์žฌ wss://echo.websocket.org ์—์„œ ํ…Œ์ŠคํŠธ ์†Œ์ผ“์— ์—ฐ๊ฒฐํ•˜๋ ค๊ณ  ์‹œ๋„ํ•˜์ง€๋งŒ ์ž๋™์œผ๋กœ /socket.io/๊ฐ€ ์ถ”๊ฐ€๋˜์–ด 404 ์‘๋‹ต์œผ๋กœ ์ด์–ด์ง‘๋‹ˆ๋‹ค.

์—…๋ฐ์ดํŠธ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ? ๋‚˜๋Š” socket.io๋ฅผ ์šฐ๋ฆฌ ์•ฑ์— ํ†ตํ•ฉํ•˜๋ ค๊ณ  ์‹œ๋„ํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ๊ฒฐ๊ณผ๋ฅผ ์–ป์—ˆ์Šต๋‹ˆ๋‹ค. Angular CLI๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์œ ํ˜•์„ ์„ค์น˜ํ•˜๊ณ  tsconfig.app.json ์— ํฌํ•จํ–ˆ์ง€๋งŒ ์—ฌ์ „ํžˆ ๋™์ผํ•œ 404 ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ๋Š” ํšจ๊ณผ๊ฐ€ ์žˆ๋Š” ๊ฒƒ ๊ฐ™์ง€๋งŒ ์šฐ๋ฆฌ์—๊ฒŒ๋Š” ๊ทธ๋ ‡์ง€ ์•Š์Šต๋‹ˆ๋‹ค!

์„œ๋ฒ„ ๊ตฌ์„ฑ์„ ์•Œ๋ ค์ฃผ์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

@darrachequesne ์•ˆ๋…•ํ•˜์„ธ์š”! ๋„ค, ๋‹ค์Œ๋‚  ์„œ๋ฒ„ ๊ตฌ์„ฑ์„ ํ™•์ธํ•œ ํ›„ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ •๋ง ์–ด๋ฆฌ์„์€ ์‹ค์ˆ˜์˜€์Šต๋‹ˆ๋‹ค... ๋ฌธ์ œ๋ฅผ ์ผ์œผ์ผœ ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค! ์œ„์˜ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์€ ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‹ค์‹œ ํ•œ๋ฒˆ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

@crebuh socket.io ๋Š” wss://echo.websocket.org ์— ์—ฐ๊ฒฐํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค( Websocket ์„ ๊ฐ€๋Šฅํ•œ ์ „์†ก์œผ๋กœ ์‚ฌ์šฉํ•จ).

@AhadCove ์„œ๋ฒ„์— ๋Œ€ํ•œ ๊ตฌ์„ฑ์„ ์ œ๊ณตํ•ด ์ฃผ์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

@darrachequesne ์šฐ๋ฆฌ์˜ ๋ฌธ์ œ๋Š” ์ด ์œ„์น˜๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•˜๋Š” nginx ๊ตฌ์„ฑ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

location ~/(socket\.io).*$ { proxy_pass http://127.0.0.1:6005; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "Upgrade"; }

๊ทธ๋Ÿฐ ๋‹ค์Œ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค :)

@ํฌ๋ ˆ๋ถ€ ๋Œ€๋‹จํ•ด! ์ง€๊ธˆ ์ด ๋ฌธ์ œ๋ฅผ ์ข…๋ฃŒํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ํ•„์š”ํ•œ ๊ฒฝ์šฐ ๋‹ค์‹œ ์—ด์–ด์ฃผ์„ธ์š”.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰