HTML5前端课程教程分享:浅谈对soket的理解

定义:

网络上的两个程序通过一个双向的通信链实现数据的交换,这个链接的一端就成为Socket

它是进程通信的一种,即调用这个网络库的api函数实现分布在不同主机相关进程之间的数据交换,依照tcp/ip协议分给每个主机的网络地址,如果两个主机要进行通信,任何一个进程都要首先知道对方的网络地址,也可以说是对方的IP。

端口号用来辨别本地进程,一个本地的进程通信时,,都要占用一个端口号,不同的进程端口号不同,因为在本地进程进行之前,首先要分配一个没有被占用的端口号,。

链接:是指两个进程通信之间的链路。

实现原理:

在TCP/IP网络应用中,通信的两个进程之间的主要模式为客户/服务器端(即client/server C/S)模式,即客户端向服务器发出服务请求,服务器收到请求以后,向客户端提供相应的服务,C/S模式创建需要的两个条件:(1)网络中软硬件资源,运算能力,信息不均等,需要共享(2)连个网络进程是完全异步的,需要一种机制为通信的进程间建立关系,为两者的数据交换提供同步,这就是基于C/S模式的TCP/IP;

工作过程:

服务器启动,根据请求提供相应的服务(1)打开一通信通道,告知本地主机,它愿意在公认的某一端口接受客户请求(2)请求客户请求到达端口(3)收到客户请求,处理并发出应答信号,接收到并发出应答请求,这需要出发一个新的进程来处理这个客户请求,这个进程不需要发出应答,服务处理完成后,关闭新进程与客户端的链路(4)返回第(2)步,等待另一客户端发来请求

关闭服务器:

(1)打开一个通信通道,连接到服务器所在的主机端口号,(2)向服务器发送服务器报文,等待并接收应答,继续发送报文(3)请求结束后,关闭通道

过程总结:客户端和服务器端是不对等的,所以两端的代码时不同的,服务器进程一般是先启动的,只要系统运行,该服务器进程一直存在,除非正常或者被迫中止

基于net 模块实现通信

Node.js的net模块提供了一些底层通信的小工具,其中包括创建C/S模式的方法

服务器端代码

var net=require('net')

var server=new net.createServer();

//用来存放多个socket用户对象的集合

var obj=new Object()

//流水账号--保证用户不重复

var i=0;

server.on('connection',(client)=>{

client.name=++i;

obj[client.name]=client

// client==像服务器发送数据的socket对象

client.on('data',(data)=>{

console.log('客户端发来:--'+data)

huifu(data,client)

})

})

function huifu(message,client){

// client.write('服务器已经收到')

for (let i in obj) {

obj[i].write(client.name+'说:'+message)

}

}

server.listen(3000)

客户端代码

var net=require('net')

var readline=require('readline')

//创建socket对象

var client=new net.Socket();

var port=3000;

var hostname='localhost';

client.connect(port,hostname,()=>{

client.write('hello 客户端已经上线')

})

client.on('data',(data)=>{

console.log('收到服务器回复:--'+data)

say()

})

var r1=new readline.createInterface({

input:process.stdin,

output:process.stdout

})

function say(){

r1.question('请输入要发送的内容:',(str)=>{

client.write(str)

})

}

Websoket

是h5提供的一种双工通信的协议,而且目前所有流行的浏览器都支持这个协议

new WebSocket(“ws://echo.websocket.org”);申请一个WebSocket对象,参数是需要连接的服务器端的地址,WebSocket对象一共支持四个消息 onopen, onmessage, onclose和onerror。当Browser和WebSocketServer连接成功后,会触发onopen消息;如果连接失败,发送、接收数据失败或者处理数据出现错误,browser会触发onerror消息;当Browser接收到WebSocketServer发送过来的数据时,就会触发onmessage消息,参数evt中包含server传输过来的数据;当Browser接收到WebSocketServer端发送的关闭连接请求时,就会触发onclose消息。我们可以看出所有的操作都是采用消息的方式触发的,这样就不会阻塞UI,使得UI有更快的响应时间,得到更好的用户体验。

更多HTML5前端学习教程,可关注千锋官网!


来源:千锋HTML5

猜你喜欢

转载自blog.csdn.net/liuyingv8/article/details/83058972