我使用 Express 和 React-Engine 创建了一个同构 React 应用程序。现在我正在尝试连接socket.io。在快速设置中我有
var express = require('express');
var app = express();
var server = require('http').createServer(app);
var io = require('socket.io')(server);
...
app.set('views', __dirname + '/public/views');
app.get('/', function(req, res) {
res.render(req.url, {
title: 'React Engine Express Sample App',
name: 'something'
});
});
...
var server = app.listen(3000);
io.on('connection', function (socket) {
socket.on('logIn', function (data) {
console.log(data);
});
});
在前端我有一个 React 组件布局
var React = require('react');
var socket;
module.exports = React.createClass({
componentDidMount: function () {
socket = io();
},
clicked: function () {
socket.emit('logIn', {name: "Dan"});
console.log("clicked");
},
render: function render() {
return (
<html>
<body>
{this.props.children}
<button onClick={this.clicked}>click me</button>
<script src="/socket.io/socket.io.js"></script>
<script src='/bundle.js'></script>
</body>
</html>
);
}
});
项目结构是
index.js(express app)
package.json
/public
bundle.js(generated by webpack)
index.js(front-end routing setup)
routes.jsx
/views
app.jsx
layout.jsx(where the front end really starts)
从我所看到的一切来看,这应该可行。 Express 应用程序应该托管 socket.io 文件,以便我可以在前端获取它。尽管如此,这还是 localhost:3000/socket.io/socket.io.js 都不起作用。我什至尝试了一些不同的相对路径。如何找到我的客户端 socket.io 文件?