html/javascript 에서 tcp socket 통신

Question

현재 개인적인 실험(?)프로젝트 중인데.. html/javascript 에서 tcp socket 통신을 해야 합니다..현재 node.js 로는 임시 서버&클라이언트를 만들어서 cmd 상에서 node (파일이름).js 해서 돌렸을시 서로 데이터 통신까지는확인했는데.. 이제 여기서 클라이언트 쪽을 html/javascript 쪽으로 옴겨야 하는데 ㅠㅠ 도저히 모르겠습니다. const net &#61; require('net'); const client &#61; net.connect({port: 8090}, () &#61;> { // connect는 net.Socket 클래스 반환 console.log(&#34;client connected&#34;); }); client.on('data', (data) &#61;> { // rx 버퍼에 데이터 읽어오기 console.log(&#34;msg from server : &#34; &#43; data.toString()); if (data &#61;&#61; 12 ) { start(); if (date &#61;&#61; 24) { reset(); } } }); client.on('end', () &#61;> { // 연결 끊김 확인 console.log(&#34;disconnected from server&#34;); });현재 이게 클라이언트 쪽입니다.(node.js). 서버에서 간단하게 숫자 (12 혹은 24)를 보내주면 클라이언트가 그걸 받고 일정 펑션을(위에 보이시는대로 스타트 혹은 리셋)을 실행시켜주면 되는데.. 이 node.js를 html/javascript에 넣어야 하는데.... 목표는 html 로컬 접속 웹페이지에 버튼을 하나 만들어서 눌렀을시 tcp socket에 연결되어서 대기하고 있다가 서버에서 데이터를 보내주면 그 값을 받아서 펑션을 실행시켜주게 하는게 목표입니다.. 간단하게 버튼만들어서 onclick 해서 node.js(현재 위에 코드)를 집어넣으니 당연히 ㅎㅎ;; 안되더군요.. 이제 코딩한지 막 한달차라... 관련지식 있으신 분 계시다면 한 수 부탁드립니다 ㅠㅠ

머리가아파요 · Answer

저런...브라우저에서는 TCP 소켓 못씁니다. 웹소켓으로 다시 짜세요..

mirheeoj · Answer

제가 알기론 브라우저상의 자바스크립트는 raw TCP socket을 지원하지 않습니다. 따라서 node.js로 구현하신 서버를 웹소켓을 쓰도록 바꾸셔야 할 것 같습니다.

으헝러헝헝 · Answer

네 윗분들 말씀대로 웹브라우저에서는 tcp socket을 못쓰는데요굳이 TCP 서버를 살려야한다면express framework 살리시고const express &#61; require('express'); const net &#61; require('net'); const app &#61; express(); app.use(express.json()) app.use(express.urlencoded({extended: true})) let client &#61; null; app.get('/', (req, res) &#61;> { client &#61; getConnection(); res.sendFile(__dirname &#43; '/test.html') }) app.post('/data', (req, res) &#61;> { if(client !&#61; null) { const message &#61; req.body.message; console.log(&#34;received message: &#34; &#43; message); const success &#61; client.write(message, 'utf8') res.json({result: &#34;전송완료 &#34; &#43; success}) } else { res.json({result: &#34;연결안됨&#34;}) } }) function getConnection() { const client &#61; net.connect({port: 8000, host:'localhost'}, function() { console.log(&#34;연결완료&#34;); client.setEncoding('utf8'); client.setKeepAlive(true, 1000); }); return client; } 이렇게 http body로 들어온 메시지를.......보내는 방법도 잇답니다..

html/javascript 에서 tcp socket 통신

3개의 답변

#javscript 목록