0
私はWebSocketsとNodeから始めて、私の最初のクライアントは私のサーバに接続していません。Javascript WebSocketが接続されていません
サーバー:
var http = require('http');
var onRequest = function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('aaaaa\n');
}
http.createServer(onRequest).listen(9090, '127.0.0.1');
クライアント:私はすべてを試してみましたが、サーバーに接続できませんでした
window.onload = function() {
var canvasHandle = false;
var bufferHandle = false;
var bufferImage = false;
var WIDTH = 400;
var HEIGHT = 400;
var lastTime = false;
var currentTime = false;
var dt = false;
var unitStep = 2;
var unitX = new Object();
unitX.name = "John";
unitX.x = 10;
unitX.y = 10;
unitX.bodyWidth = 20;
unitX.bodyHeight = 20;
unitX.bodyColor = "rgb(0,0,255)";
var update = function(dt) {
}
var draw = function() {
//Clear Buffer
bufferHandle.fillStyle = "rgb(200,200,200)";
bufferHandle.beginPath();
bufferHandle.rect(0, 0, WIDTH, HEIGHT);
bufferHandle.fill();
//Draw Objects
bufferHandle.fillStyle = unitX.bodyColor;
bufferHandle.beginPath();
bufferHandle.rect(unitX.x, unitX.y, unitX.bodyWidth, unitX.bodyHeight);
bufferHandle.fill();
//Double Buffer
bufferImage = bufferHandle.getImageData(0,0,WIDTH,HEIGHT);
canvasHandle.putImageData(bufferImage,0,0);
}
var gameLoop = function(){
currentTime = new Date();
elapsedTime = currentTime.getTime() - lastTime.getTime();
update(elapsedTime);
draw();
lastTime = currentTime;
}
$(document).keypress(function(evt){
switch(evt.which){
case 100: //d
unitX.x += unitStep;
break;
default:
//alert(evt.which);
}
});
var socket = new WebSocket("ws://127.0.0.1:9090/");
socket.onerror = function(error) {
alert('Error');
};
socket.onopen = function(event) {
alert('Connected');
};
socket.onmessage = function(event) {
};
socket.onclose = function(event) {
};
//Create Canvas
bufferHandle = document.createElement('canvas');
bufferHandle.width = WIDTH;
bufferHandle.height = HEIGHT;
bufferHandle = bufferHandle.getContext('2d');
canvasHandle = document.getElementById('game');
canvasHandle = canvasHandle.getContext('2d');
lastTime = new Date();
setInterval(
function(){
gameLoop();
}, 50
);
};
。私がurlから接続しようとすると 'localhost:9090'が動作し、 'aaa'に戻ります。しかし、クライアントスクリプトを使用するとエラーになる
WebSocketの着信を受け入れるにはサーバーがwebSocketプロトコルをサポートする必要があります。サーバーはWebSocket接続をサポートしていないプレーンなhttpサーバーであるようです。また、Webページがロードされたドメイン/ポートとは別のドメイン/ポートに接続しようとする場合は、CORSをサポートしてクロスオリジン接続を行う必要があります。 – jfriend00