![](/img/trans.png)
[英]node.js/socket.io how to separate javascript of the html?
[英]Can we use socket.io with ejs(embedded javascript) instead of html page in Node JS application?
在瀏覽器的客戶端作為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。 任何幫助,將不勝感激。
這個解決方案對我來說很好。
服務器端
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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.