2017-10-05 21 views
0

私はJavaScriptを学び、Daniel Shiffmanのp5.jsチュートリアルに従います。私は楽しい小さなポンゲームを作って、それをマルチプレイヤーにすることによって次のレベルに持っていきたいと思っていました。私は基本から始めてDaniel's Socketチュートリアルに従います。私は正常に私のサイトにアクセスし、私のキャンバスを見ることができます。しかし、私はそれをLAN上で利用できるようにすることで次のレベルにしたいと思っています。私はこれを行う方法がわかりません、そして、私はいくつかの問題を抱えています。ここで私が使用するクライアントコードは次のとおりです。Socket.ioとlanとの接続

var socket; 

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

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

サーバー・コードは次のとおりです。

// 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..."); 

ここで、必要であれば、私のindex.htmlコードは次のとおりです。

<!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> 

私はあることに留意してください初心者です。私は他の記事を見てみましたが、答えは複雑すぎて、結局私の問題を解決したとは思わないのです。それが問題なのかどうかわかりませんが、node.js、express、およびsocket.ioがインストールされています。私はhttp://my-ip:3000を使って接続しようとしました。 localhost:3000とmy-IP:3000で自分のコンピュータから接続できます。しかし、別のコンピュータから接続しようとすると動作しません。はい、私は同じネットワークに接続しています。

ダニエル・シフマンのプレイリスト:https://www.youtube.com/playlist?list=PLRqwX-V7Uu6b36TzJidYfIYwTFEq3K5qH

+0

あなたのファイアウォールは接続をブロックしている可能性があります。ファイアウォール設定でポート3000のブロックを解除する必要があります。 –

答えて

0

申し訳ありませんが、私は再び私のIPアドレスを見て、私は間違ったものを使用。愚かな私。問題が解決しました:D

関連する問題