Node.jsサーバーに問題があり、socket.io(websocket)通信でionic 2になっています。
My ionicアプリはこのエラーを送信します:
Cannot GET /socket.io/?EIO=3&transport=polling&t=LdmmKYz
これが私のコードです。間違いは見つかりませんでした。
私のnode.jsコード(エクスプレスを使用):
var express = require('express');
var app = express();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.use( (req, res, next) => {
res.header("Access-Control-Allow-Origin", "http://localhost:8100"); //The ionic server
res.header("Access-Control-Allow-Credentials", "true");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});
var port = Number(process.env.PORT || 8810);
io.on('connection', function (socket) {
console.log('ping-pong started');
socket.emit('news', { hello: 'world' });
socket.on('my other event', function (data) {
console.log(data);
});
});
これはionic 2アプリコード(コンストラクター内):
this.connect = () => {
this.socket = io('http://localhost:8810');
console.log('socket started');
this.socket.emit('connect', {data: 'data'});
this.socket.on('news', (data)=>{
console.log(data);
this.socket.emit('my other event', { my: 'data' });
});
}
this.connect();
私は何が欠けていますか?
問題が見つかりました!
私の問題はサーバーコードにありました:
var server = app.listen(8810)
var io = require('socket.io').listen(server);
まさにこれが問題でした。
Socket.ioがソケットなしでリッスンする場所を定義する必要がありました。
変更すると、エラーが消えます。
エクスプレス4を使用している場合は、正確な順序でこれを試してください。
var express = require('express');
var app = express();
var server = app.listen(8810);
var io = require('socket.io').listen(server);
こちらのAPIリファレンスを参照してください http://expressjs.com/en/4x/api.html