lan을 통한 Socket.io 연결

JavaScript를 배우고 Daniel Shiffman의 p5.js 자습서를 따르려고합니다. 나는 작은 퐁 게임을 재미있게 만들었고 멀티 플레이어로 만들어 다음 단계로 가져 가고 싶었습니다. 기본으로 시작하여 Daniel 's Socket 튜토리얼을 따르기를 원합니다. 내 사이트에 성공적으로 액세스하여 내 캔버스를 볼 수 있습니다. 그러나 LAN을 통해 사용할 수있게함으로써 다음 단계로 가져 가고 싶습니다. 어떻게해야할지 모르겠다. 문제가 생겼다.lan을 통한 Socket.io 연결

var socket; 

function setup() { 
    socket = io.connect(); 
    createCanvas(200, 200); 
} 

function draw() { 
    background(0); 
    fill(255); 
    ellipse(mouseX, mouseY, 60, 60); 
}

서버 코드는 다음과 같습니다 :

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <title>Learning Sockets</title> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script> 
    <script src="/libraries/addons/p5.min.js"></script> 
    <script src="/libraries/addons/p5.dom.min.js"></script> 
    <script src="/libraries/addons/p5.sound.min.js"></script> 
    <script src="sketch.js"></script> 
    <script src="/libraries/addons/p5.dom.js"></script> 
</head> 

<body> 

</body> 

</html>

나는 점을 명심 : 여기에 필요한 내 index.html을 코드 인 경우

// Imports 
var express = require('express'); 
var socket = require('socket.io'); 

// Create Local host 
var app = express(); 
var server = app.listen('3000') 
app.use(express.static('public')); 

// Sockets 
var io = socket(server); 
io.sockets.on('connection', newConnection); 

// New Connection 
function newConnection(socket) { 
    console.log("New Connection: " + socket.id); 
} 

console.log("Server running...");

여기 내가 사용하는 클라이언트 코드는 초보자. 나는 다른 게시물을 보았지만 답변이 너무 복잡해서 결국에는 내 문제가 해결되지 않았다고 생각합니다. 중요한지 확실하지 않지만 node.js, express 및 socket.io가 설치되어 있습니다. http://my-ip:3000을 사용하여 연결을 시도했습니다. 내 컴퓨터에서 localhost : 3000 및 my-IP : 3000을 통해 연결할 수 있습니다. 그러나 다른 컴퓨터에서 연결을 시도하면 작동하지 않습니다. 네, 저는 같은 네트워크에 연결되어 있습니다.

다니엘 Shiffman 보낸 사람의 재생 목록 : https://www.youtube.com/playlist?list=PLRqwX-V7Uu6b36TzJidYfIYwTFEq3K5qH

출처

2017-10-05 RafaelPiloto10

방화벽 연결이 차단되었을 가능성이 있습니다. 방화벽 설정에서 포트 3000의 차단을 해제해야합니다. –