socket.io+angular.js+express.js做个聊天应用(二)

最新推荐文章于 2024-04-26 09:48:47 发布

edagarli

最新推荐文章于 2024-04-26 09:48:47 发布

阅读量3.4k

点赞数

分类专栏： nodejs angularjs等前端大杂烩 nodejs开发实战文章标签：通信聊天 nodejs

本文链接：https://blog.csdn.net/edagarli/article/details/27585321

版权

nodejs 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

angularjs等前端大杂烩

11 篇文章 0 订阅

订阅专栏

nodejs开发实战

4 篇文章 6 订阅

订阅专栏

接着上一篇

我用的开发工具是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

可关注。之后会不断更新。

edagarli

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
socket.io+angular.js+express.js做个聊天应用(二)

接着上一篇我用的开发工具是sublime 打开之前创建的工程。打开www修改并添加代码#!/usr/bin/env nodevar debug = require('debug')('my-application');var app = require('../app');var io=require("socket.io").li
复制链接

扫一扫