zoukankan      html  css  js  c++  java
  • socket.io+angular.js+express.js做个聊天应用(二)

    接着上一篇


    我用的开发工具是sublime 


    打开之前创建的project。



    打开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


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


  • 相关阅读:
    IDEA控制台输出中文乱码问题
    JAVA web 框架集合
    去掉VSS控制
    .Net Core .Net Core V1.0 创建MVC项目
    .Net Core .Net Core的学习
    WebService 天气预报webservice接口
    SMS106 短信验证码接口测试
    Regex 常用的正则表达式
    Jquery Plugins Jquery Validate
    MVC 路由调试工具-RouteDebugger
  • 原文地址:https://www.cnblogs.com/zhchoutai/p/8464329.html
Copyright © 2011-2022 走看看