http://www.sufeinet.com/plugin.php?id=keke_group

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.7-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 6289|回复: 0

[node.js] node.js和socket.io环境搭建与实现聊天程序

[复制链接]
发表于 2014-3-6 10:19:56 | 显示全部楼层 |阅读模式
node.js和socket.io环境搭建与实现聊天程序
先来说说node.js怎么安装吧
这个建议大家直接到官方网站下载网址:http://nodejs.org/
不懂英文的可以直接看下图
QQ截图20140306093657.jpg
下载 单击Install就OK了。
下载之后是一个Exe的程序直接运行完事
然后就是下一步,下一步了,这个我就不多说了。
下面就可以在你这台电脑的任意目录使用了。
下面咱们进入安装的目录进行一个测试吧。
然后就是安装socket.io了,
这个大家不需要下载任何东西,只需要直接在nodejs里执行安装命令就行了,因为他们自动下载和安装,他只是nodejs里面的一个插件。
命令如下
[C#] 纯文本查看 复制代码
npm install socket.io

执行看效果
QQ截图20140306100614.jpg
我们只需要等一会儿完成之后就可以使用了。
这个时候我们会发现在nodejs安装的主目录下有一个node_modules文件夹
QQ截图20140306100846.jpg
看到socket.io这个文件夹就算是Ok了。
下面咱们来写个程序测试一下吧。
server端JS
chat.js
[JavaScript] 纯文本查看 复制代码
var fs = require('fs')
    , http = require('http')
    , socketio = require('socket.io');
 
var server = http.createServer(function(req, res) {
    res.writeHead(200, { 'Content-type': 'text/html'});
    res.end(fs.readFileSync(__dirname + '/index.html'));
}).listen(8080, function() {
    console.log('Listening at: http://localhost:8080');
});
 
socketio.listen(server).on('connection', function (socket) {
    socket.on('message', function (msg) {
        console.log('Message Received: ', msg);
        socket.broadcast.emit('message', msg);
    });
});


index.Html
[HTML] 纯文本查看 复制代码
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script>
        $(function(){
            var iosocket = io.connect();
 
            iosocket.on('connect', function () {
                $('#incomingChatMessages').append($('<li>Connected</li>'));
 
                iosocket.on('message', function(message) {
                    $('#incomingChatMessages').append($('<li></li>').text(message));
                });
                iosocket.on('disconnect', function() {
                    $('#incomingChatMessages').append('<li>Disconnected</li>');
                });
            });
 
            $('#outgoingChatMessage').keypress(function(event) {
                if(event.which == 13) {
                    event.preventDefault();
                    iosocket.send($('#outgoingChatMessage').val());
                    $('#incomingChatMessages').append($('<li></li>').text($('#outgoingChatMessage').val()));
                    $('#outgoingChatMessage').val('');
                }
            });
        });
    </script>
</head>
<body>
Incoming Chat: <ul id="incomingChatMessages"></ul>
<br />
<input type="text" id="outgoingChatMessage">
</body>
</html>



使用Nodejs执行如下


[C#] 纯文本查看 复制代码
node chat.js

这样就Ok了。会输出
打开两个chrome输入localhost:8080
28231632-e70b4452074f403ca844cb80b266bc2f (1).png
这样就可以直接聊天了,
具体要怎么点对点,或者是要发送一些的信息,这个大家自己研究一下吧

本帖被以下淘专辑推荐:



1. 开通SVIP会员,免费下载本站所有源码,不限次数据,不限时间
2. 加官方QQ群,加官方微信群获取更多资源和帮助
3. 找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备18043678号-2)

GMT+8, 2024-3-29 22:11

© 2014-2021

快速回复 返回顶部 返回列表