国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

socket.io實現(xiàn)在線群聊功能

2024-05-06 15:18:44
字體:
供稿:網(wǎng)友

我自己在用socket.io開發(fā),對官方網(wǎng)站上的文檔,進行簡單的整理,然后自己寫了一個簡單的聊天程序。最最開始

先安裝socket.io:

npm install socket.io

利用Node的搭建Http服務

分為兩個文件,服務端文件app.js和客戶端index.html

app.js

var app = require('http').createServer(handler) io = require('socket.io').listen(app)  fs = require('fs') app.listen(80) function handler (req, res) {  fs.readFile(__dirname + '/index.html',function (err, data) {if (err) {res.writeHead(500);   return res.end('Error loading index.html');} res.writeHead(200);res.end(data);});}io.sockets.on('connection', function (socket) {  socket.emit('news', { hello: 'world' });  socket.on('my other event', function (data) {  console.log(data);}); });

這里需要注意的是: require(‘socket.io').listen(app) 實際上這句就是講socket的監(jiān)聽加入的app設置的http模塊了 io.sockets.on('connection',function()…)這里設置了在連接后進行的處理,代碼示例中,主要包含兩件事,一個是向前段發(fā)送news的事件,一個是監(jiān)聽my other event事件。

index.html

<script src="/socket.io/socket.io.js"></script><script>var socket = io.connect('http://localhost');socket.on('news', function (data) {  console.log(data);  socket.emit('my other event', { my: 'data' });});</script>

客戶端一個引用了socket.io.js的javscript庫還有就是連接服務器(通過io.connect(‘http://localhost')) 之后在監(jiān)聽收到news的事件后,發(fā)送my other event事件

利用Express3框架上面的例子只是使用nodejs建立了一個交互,也可以使用express2的web框架, 具體app.js代碼如下:

var app = require('express')()server = require('http').createServer(app)io = require('socket.io').listen(server);server.listen(80);app.get('/', function (req, res) { res.sendfile(__dirname + '/index.html');});io.sockets.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('my other event', function (data) {  console.log(data); });});

接收發(fā)送事件 socket.io允許用戶自定義發(fā)送接收的事件。除了connect,message,disconnect三個事件外,用戶可以自定義自己的事件

// note, io.listen(<port>) will create a http server for youvar io = require('socket.io').listen(80);io.sockets.on('connection', function (socket) { io.sockets.emit('this', { will: 'be received by everyone'}); socket.on('private message', function (from, msg) {  console.log('I received a private message by ', from, ' saying ', msg); }); socket.on('disconnect', function () {  io.sockets.emit('user disconnected'); });});

存儲數(shù)據(jù)有的時候需要存儲一些和客戶端關(guān)聯(lián)的數(shù)據(jù)在會話里,socket.io也是支持的,代碼如下:

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 西充县| 沾化县| 翁牛特旗| 广平县| 文水县| 毕节市| 永兴县| 从江县| 雷波县| 醴陵市| 陆川县| 临沂市| 景洪市| 吴江市| 黑龙江省| 泰宁县| 灵石县| 弥勒县| 军事| 德化县| 夏邑县| 蒙自县| 巫溪县| 疏附县| 密云县| 安新县| 松桃| 吉木萨尔县| 师宗县| 新沂市| 沁水县| 隆化县| 应城市| 龙江县| 义马市| 剑阁县| 垫江县| 乐至县| 延津县| 通州市| 新宾|