接着上一篇
我用的開發工具是sublime
打開之前創建的工程。
打開www
修改並添加代碼
#!/usr/bin/env node
var debug = require('debug')('my-application');
var app = require('../app');
var io=require("socket.io").listen(app.listen(app.get('port')));
app.set('port', process.env.PORT || 3000);
io.sockets.on('connection',function(socket){
socket.emit('connected');
});
var server = app.listen(app.get('port'), function() {
debug('Express server listening on port ' + server.address().port);
});
同時修改index.ejs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
</head>
<body>
<script type="text/javascript">
var socket=io.connect('/');
socket.on('connected',function(){
alert('connected to chattingRoom!');
});
</script>
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
</body>
</html>
解釋一下,這裏爲了與服務端的socket服務通信,要引入socket.io.js,這個文件由socket.io提供服務,我們無須把這個文件添加到static目錄中。
之後運行並訪問http://localhost:3000/
justhacker@justhacker-ThinkPad-Edge-E440:~/projects/nodejs/chattingnode$ node ./bin/www
GET / 304 11ms
GET /stylesheets/style.css 304 3ms
GET /socket.io/socket.io.js 404 7ms - 1.13kb
項目源碼地址:https://github.com/edagarli/chattingnode
可關注。之後會不斷更新。