目录结构

D:包。JSON服务器。jspublic index.html插座。io。射流研究…需要的条件

socket.io.js供前端界面初始化超正析象管套接字供NodeJs端提供窝方法socket.io.js存在于插座。io-客户端

socket.io存在于socket.io

演示的功能

客户端发送消息给服务端后端触发事件告知客户端客户端离开触发服务端事件服务端

server.js

var express=require(' express ')；var app=express()；var server=require('http ').createServer(应用程序);var io=require('socket.io ')(服务器);app.use('/'，express。static(_ _ dirname '/public ')；服务器。倾听(80)；//套接字部分io.on('connection '，function(socket) { //接收并处理客户端的你好事件socket.on('hi '，function(data){ console。日志(数据)；//触发客户端事件c_hi socket.emit('c_hi '，'你好，我也是!') }) //断开事件socket.on('disconnect '，function(data) { console.log('断开，data) socket.emit('c_leave '，'离开');//套接字。广播用于向整个网络广播（除自己之外)//套接字。广播。发出(' c _ leaf '，'某某人离开了') })});关系用来处理窝链接事件拆开处理连接断开事件后端接受前端事件通过socket.on(EventName，function(date){})后端触发前端事件通过socket.emit(事件名称，消息)这个后端演示了，前端发送消息给后端，触发你好事件嗨事件通过回调在触发客户端定义的嗨事件告知前端。

客户端

index.html

！DOCTYPE html html head title socket/title/head dybutton id=' sendBtn '发送消息/buttonbutton id='leaveBtn '离开/button/body脚本类型=' text/JavaScript ' src=' http :/socket。io。js '/script脚本类型=' text/JavaScript ' var socket=io。连接(' localhost :80 ')，//与服务器进行连接send=文档。getelementbyid(' send BTN ')，leave=document。getelementbyid('离开BTN ')；发送。onclick=function(){ socket。emit(' hi '，' hello！');}离开。onclick=function(){ window。位置。href='约： blank ' rel='外部无跟随'；窗户。关闭()插座。发出(‘叶’，‘叶’)；} //接收来自服务端的信息事件c_hi socket.on('c_hi '，函数(消息){ alert(消息)})//socket。on(' c _ leave '，函数(消息){//alert(消息)/})/script/html

发送消息按钮用来给服务端发送信息，触发服务端定义的你好事件。离开页面按钮用来离开页面，也就是窝会自动断开。触发服务端定义的断开连接。源码下载：Socket_jb51.rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。