日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

Node.js和Socket.IO實(shí)現(xiàn)WebSockets網(wǎng)頁聊天

admin
2015年7月10日 17:23 本文熱度 7385
文章簡介:Node.js 并不能做所有事情,但它可通過 Socket.IO 庫輕松實(shí)現(xiàn) WebSockets。使用 WebSockets 可輕松構(gòu)建實(shí)時(shí)多用戶的應(yīng)用程序或游戲,今天我們將講述如何使用 Node.js 和 Socket.IO 構(gòu)建簡單的聊天程序。

Node.js 并不能做所有事情,但它可通過 Socket.IO 庫輕松實(shí)現(xiàn) WebSockets。使用 WebSockets 可輕松構(gòu)建實(shí)時(shí)多用戶的應(yīng)用程序或游戲,今天我們將講述如何使用 Node.js 和 Socket.IO 構(gòu)建簡單的聊天程序。

注意: 在閱讀文章之前你應(yīng)該先安裝好 Node.js,同時(shí)你需要一個自己喜歡的文本編輯器,本文提及的一些源碼有些改自 http://book.mixu.net/ch13.html

下面我們開始入門教程:

首先在你的電腦上創(chuàng)建一個新目錄,姑且命名為 chat,然后在該目錄創(chuàng)建兩個文件,分別是 app.js 和 index.html。

app.js 文件內(nèi)容如下:

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);
    });
});

上述代碼是一個超級簡單的聊天服務(wù)器的實(shí)現(xiàn),該服務(wù)器發(fā)送 index.html 并偵聽所有 WebSockets 請求,如果你發(fā)送一個 hi 的聊天信息,格式如下:

{"name":"message","args":["hi"]}

index.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:&nbsp;<ul id="incomingChatMessages"></ul>
<br />
<input type="text" id="outgoingChatMessage">
</body>
</html>

該頁面雖然不怎么吸引人,但是可正常工作。接下來打開兩個瀏覽器,必須得是支持 WebSockets 的瀏覽器,例如 Chrome 或者 Safari。

下一步就是安裝 Socket.IO 了,可在命令行窗口中執(zhí)行如下命令:

$ npm install socket.io

然后運(yùn)行 app.js 文件:

$ node app.js

現(xiàn)在你可以打開兩個瀏覽器,訪問 http://localhost:8080/ 地址開始互聊了。

英文原文:http://www.giantflyingsaucer.com/blog/?p=3751 


該文章在 2015/7/10 17:23:09 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 亚洲精品视频免费 | 国产精品美女一区二区三区 | 天堂mv在线mv免费mv香蕉 | 影音先锋2025色资源网 | 欧美精品黄页在 | 欧美色欧美亚洲高清在线观看 | 在线观看欧美a级精品视频 电影中文 | 天堂中文最新版在线中文 | 一区二区三区日本在线视频免费 | 97中文字幕无线观 | 国女精品爽爽一区二区 | 国产男女猛视频在线观看 | 国产美女一区二区三区 | 成年人免费在线视频观看 | 青青导航 | 日韩一级一欧美一 | 国产制服 | 一色屋色费精品视频在线看 | 国产su| 成人免费视频在线观看 | 国产鲁鲁视频在线观看 | 韩国中文全部三级伦在线观看中文 | 中文字幕日韩wm二在 | 午夜免费福利片观看 | 日韩高清在线播放不 | 国产人成视频在线免费观看 | 国产精品欧美一区二区 | 一二三区在线观看 | 亚洲综合在线播放 | 免费日韩视频欧美综合图区 | 色综合视频一区二区三区 | 国产精品视频一区二区噜噜 | 色老头一区二区三区 | 91成人 | 国产熟女绯色一区二区三区免费 | 日韩精品极品视频在线观看 | 青青草国 | 中文字幕午夜福利片午夜福利片 | 国产精品系列专区 | 精品推荐 | 1024手机看片国产日韩欧美 |