我们可以在Node JS应用程序中使用socket.io和ejs(嵌入式javascript)代替html页面吗?

时间:2017-02-10 09:39:48

标签: javascript node.js sockets socket.io ejs

在浏览器的客户端,作为ejs页面:

<script src="https://cdn.socket.io/socket.io-1.2.0.js">
</script>
<script>
var socket = io()
socket.on('message', function (msg) {
    console.log(msg)
})
</script>

在Node Js的服务器端:

var http = require('http').Server(app);
var io = require('socket.io')(http)
io.on('connection', function(socket){
    console.log('a user connected')
    socket.on('disconnect', function(){
        console.log('user disconnected')
    })
io.emit('message', json);
})

我没有在Node Js控制台中获得“用户连接”日志。因为 var socket = io() 无效或者我不知道的问题是什么。我可以在.ejs 页面中使用 socket.io吗?我需要ejs,我的应用程序中也需要socket.io。任何帮助,将不胜感激。

1 个答案:

答案 0 :(得分:1)

这个解决方案对我来说很好。

服务器侧

var express     = require('express');
var app         = require('express')();
var server      = require('http').createServer(app);
var io          = require('socket.io')(server);
var ejs         = require('ejs');


app.set('view engine', 'ejs');
app.get('/', function(req, res) {
    res.render('index');
});

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

server.listen(process.env.PORT || 3000, function(){
    console.log('app running');
});

这是index.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>