Question

我正在尝试学习JavaScript并遵循Daniel Shiffman的p5.js教程。我制作了一个有趣的小乒乓球游戏，并希望通过制作多人游戏将其提升到一个新的水平。我想从基础开始，然后按照Daniel的Socket教程。我可以成功访问我的网站并查看我的画布。但是，我希望通过局域网提供它，将其提升到新的水平。我不知道该怎么做，我遇到了一些麻烦。这是我使用的客户端代码：

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从我的电脑连接。但是，当我尝试从另一台计算机连接时，它无法正常工作。是的，我连接到同一个网络。

Daniel Shiffman的播放列表：https://www.youtube.com/playlist?list=PLRqwX-V7Uu6b36TzJidYfIYwTFEq3K5qH

Answer 1

抱歉，我再次查看了我的IP地址，我使用了错误的地址。傻我。问题已解决：D

lan上的Socket.io连接

1 个答案: