gpt4 book ai didi

javascript - 在 express 和 ejs 中使用 socket io

转载 作者:行者123 更新时间:2023-12-03 11:49:30 25 4
gpt4 key购买 nike

嘿,所以我今天刚开始学习 node js,我正在使用 express 和 ejs 并尝试添加套接字 io 服务器/聊天,但我似乎无法弄清楚为什么我无法让它工作。
页面加载但未连接到套接字服务器。
服务器.js:

const express = require('express');
const expressLayouts = require('express-ejs-layouts');
const app = express();

// EJS
app.use(expressLayouts);
app.use(express.static("public"));
app.set('view engine', 'ejs');

// Routes
app.use('/', require('./routes/index.js'));
app.use('/chat', require('./routes/chat.js'));
app.use((req, res, next) => res.redirect('/'));

const listener = app.listen(process.env.PORT, () => {
console.log('Your app is listening on port ' + listener.address().port)
});
路由器/chat.js
const express = require('express');
const router = express.Router();
const server = require('http').createServer();
const io = require('socket.io')(server);

// Chat Page
router.get('/chat', (req, res) => {
res.render("chat/chat");
});

io.on('connection', function(socket) {
console.log('a user connected');
socket.on('chat message', function(msg) {
console.log('message: ' + msg);
});
});

module.exports = router;
意见/聊天/chat.ejs:
<form action="">
<input id="m" autocomplete="off" /><button>Send</button>
</form>

<script src="/socket.io/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script>
$(function () {
var socket = io();

$('form').submit(function(){
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
});
});
</script>
错误: Uncaught ReferenceError: io is not defined

最佳答案

您无法获取/socket-lib/socket.io.js,
你必须来源http://yourwebsite.com:12345/socket.io/socket.io.js .
基本上,您需要提供服务器地址的完整来源。
服务器会自动为您完成剩下的工作。
来源:https://stackoverflow.com/a/12160485/3010171
还。你可以试试 ./socket-lib/socket.io.js.在斜线之前

关于javascript - 在 express 和 ejs 中使用 socket io,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66578167/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com