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


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


  • 相关阅读:
    什么是wsgi,uwsgi,uWSGI
    Flask 和 Django 路由映射的区别
    简述浏览器通过WSGI请求动态资源的过程
    前端qq交流群
    python qq交流群
    python 魔法方法 __str__和__repr__
    python 使用for 实现死循环
    查看Django版本
    pep8 python 编码规范
    python random.randint(9,10)结果是什么?
  • 原文地址:https://www.cnblogs.com/zhchoutai/p/8464329.html
Copyright © 2011-2022 走看看