socket.ioの設定で何が間違っていますか？

Question

インスタントメッセージを既存のアプリに追加しようとしています。しかし、私はどのようにsocket.ioモジュールを構成すべきか分からない。 は、私はすでに次のことを試してみた：

process.env.NODE_ENV = process.env.NODE_ENV || 'development'; 
const config = require('./config/config.js'); 

var expressConfig = require('./config/express.js').front, 
    models = require('./app/models'), 
    passConfig = require('./config/passport-front.js'); 

const app = expressConfig(); 
const passport = passConfig(); 

app.set('port', config.frontPort); 
const http = require('http').Server(app); 
const io = require('socket.io')(http); 

io.on('connection', function (socket) { 
    console.log('Connected'); 
}); 

models.sequelize.sync().then(function() { 
    var server = http.listen(app.get('port'), function() { 
    console.log('Express server listening on port ' + server.address().port); 
    }); 

}); 

module.exports = http; 

私は何かが欠けていると仮定しているページを開くと、接続が記録されていないので。私のミスはどこですか？

Answer 1

あなたはクライアント側のコードを表示していないため、何が間違っているかを伝えるのは難しいです。ブラウザでエラーが発生しましたか？ブラウザのネットワークトラフィックは何ですか？それがなければ何かを具体的に伝えるのは難しいです。

はこの答えを見てみましょう：

• Getting data from/writing data to localhost with Express and Socket.io

それはあなたがやろうとしているものに類似した何かの作業例を持っています。一般的に

- ブラウザでsocket.ioクライアント側のコードを含める必要があることを忘れないでください：

<script src="/socket.io/socket.io.js"></script> 

と、あなたのようなものでio()と接続する必要があります。

var s = io(); 
s.on('color', function (color) { 
    document.body.style.backgroundColor = color; 
}); 

ここの「色」は、GitHubのこのプロジェクトからの例です。

• https://github.com/rsp/node-live-color

これは、socket.ioから来るメッセージで選択された色を変更するWebサイトの例です。