本文目录一览:
- 1、javascript怎么操作socket
- 2、Vue.js 如何使用 Socket.IO?
- 3、js消息推送如何实现
- 4、js socket怎么实现
- 5、如何用javascript 发送socket?急急急!!
- 6、JAVASCRIPT 如何实现socket,
javascript怎么操作socket
参考下面方法
// 创建一个Socket实例
var socket = new WebSocket('ws://localhost:8080');
// 打开Socket
socket.onopen = function(event) {
// 发送一个初始化消息
socket.send('I am the client and I\'m listening!');
// 监听消息
socket.onmessage = function(event) {
console.log('Client received a message',event);
};
// 监听Socket的关闭
socket.onclose = function(event) {
console.log('Client notified socket has closed',event);
};
// 关闭Socket....
//socket.close()
};
参数为URL,ws表示WebSocket协议。onopen、onclose和onmessage方法把事件连接到Socket实例上。每个方法都提供了一个事件,以表示Socket的状态。
Vue.js 如何使用 Socket.IO?
在很多需求业务中,都需要浏览器和服务器实时通信来实现功能,比如:扫码登录(扫码后,手机确认登录,PC网页完成登录并跳转)、订单语言提醒等,这些都是建立在两端实时通信的基础上的。对前端而言,来实现浏览器和服务器实时通信,最好的选择就是Socket.IO库,能够快速的实现两端实时通信功能。
Socket.IO是一个WebSocket库,可以在浏览器和服务器之间实现实时,双向和基于事件的通信。它包括:Node.js服务器库、浏览器的Javascript客户端库。它会自动根据浏览器从WebSocket、AJAX长轮询、Iframe流等等各种方式中选择最佳的方式来实现网络实时应用,非常方便和人性化,而且支持的浏览器最低达IE5.5
(1)、支持浏览器/Nodejs环境
(2)、支持双向通信
(3)、API简单易用
(4)、支持二进制传输
(5)、减少传输数据量
(1)客户端
main.js添加下列代码
发送消息和监听消息
(2)服务端
服务端,我们基于express搭建node服务器。
index.js文件
然后启动服务端服务
客户端即可查看效果。
js消息推送如何实现
主要介绍其中的五种实现方式:短轮询、Comet、Flash XMLSocket、Server-sent、WebSocket
1、短轮询
指在特定的的时间间隔(如每10秒),由浏览器对服务器发出HTTP request,然后由服务器返回最新的数据给客户端的浏览器。浏览器做处理后进行显示。无论后端此时是否有新的消息产生,都会进行响应
2、Comet
包括了长轮询和长连接,长轮询是客户端向服务器发送Ajax请求,服务器接到请求后hold住连接,直到有新消息才返回响应信息并关闭连接,客户端处理完响应信息后再向服务器发送新的请求;长连接是在页面中的iframe发送请求到服务端,服务端hold住请求并不断将需要返回前端的数据封装成调用javascript函数的形式响应到前端,前端不断收到响应并处理
3、Flash XMLSocket
在 HTML 页面中内嵌入一个使用了 XMLSocket 类的 Flash 程序。JavaScript 通过调用此 Flash 程序提供的socket接口与服务器端的socket进行通信。JavaScript 在收到服务器端以 XML 格式传送的信息后可以很容易地控制 HTML 页面的内容显示
4、Server-sent
服务器推指的是HTML5规范中提供的服务端事件EventSource,浏览器在实现了该规范的前提下创建一个EventSource连接后,便可收到服务端的发送的消息,实现一个单向通信。客户端进行监听,并对响应的信息处理显示
5、WebSocket
WebSocket是HTML5下一种新的协议,是基于TCP的应用层协议,只需要一次连接,便可以实现全双工通信,客户端和服务端可以相互主动发送消息。客户端进行监听,并对响应的消息处理显示
针对自己系统的应用场景选择合适的推送方案才是合理的,因此最后简单说一下实现个性化推送的两种方式。第一种很简单,直接使用第三方实现的推送,无需复杂的开发运维,直接可以使用。第二种就是自己封装,可以选择如今较为火热的WebSocket来实现系统的推送。
关于第三方推送平台,极光推送,操作简单,稳定性高,送达率快
js socket怎么实现
前提:你要有socket服务程序,如果服务器上没socket服务,你是没法使用socket服务的。可以通过PHP、nodejs等开发socket服务
new 一个 WebSocket对象
打开端口
发送数据
如何用javascript 发送socket?急急急!!
var socket = __import__('Socket', null, {}) //导入Socket library..
var client = new socket.Socket('127.0.0.1', 8000) //创建一个Socket.
client.on('read', function(socket){ //注册读数据的事件
var echo = socket.read(); //读收到的数据,,返回的结果为string对象
print('echo from server:' + echo)
socket.write("Bye!")
socket.close() //关闭socket.
})
client.on('connect', function(socket){ //注册连接成功时事件
print('connectted....')
socket.write("Hello server, i'm a client!")
})
client.on('closed', function(socket){ //socket 关闭后的事件.
//client.write("Bye!")
print('Bye!')
})
client.connect() //连接服务器,,并等待触发事件,,直到socket关闭.
JAVASCRIPT 如何实现socket,
目前只有支持HTML5的浏览器加入了Javascript对Socket的支持, 而且目前处于测试阶段, 还不推荐使用. 如果你必须要用Javascript实现socket传输, 相关代码如下:
!-- 初始化 --
function connect(){
try{
var socket;
var host = "ws://localhost:8000/socket/server/startDaemon.php";
var socket = new WebSocket(host);
message('p class="event"Socket Status: '+socket.readyState);
socket.onopen = function(){
message('p class="event"Socket Status: '+socket.readyState+' (open)');
}
socket.onmessage = function(msg){
message('p class="message"Received: '+msg.data);
}
socket.onclose = function(){
message('p class="event"Socket Status: '+socket.readyState+' (Closed)');
}
} catch(exception){
message('pError'+exception);
}
}
!-- 发送数据 --
function send() {
socket.send(text);
}
!-- 断开Socket --
socket.close()