❶ Websocket與WebService有什麼區別
有關http和WebSocket 的區別網上有很多的質料。
個人在此僅僅是記錄以下自己的學習心得,自己的理解。
1. http協議是用在應用層的協議,他是基於tcp協議的,http協議建立鏈接也必須要有三次握手才能發送信息。
http鏈接分為短鏈接,長鏈接,短鏈接是每次請求都要三次握手才能發送自己的信息。即每一個request對應一個response。長鏈接是在一定的期限內保持鏈接。保持TCP連接不斷開。客戶端與伺服器通信,必須要有客戶端發起然後伺服器返回結果。客戶端是主動的,伺服器是被動的。
2. WebSocket
WebSocket他是為了解決客戶端發起多個http請求到伺服器資源瀏覽器必須要經過長時間的輪訓問題而生的,他實現了多路復用,他是全雙工通信。在webSocket協議下客服端和瀏覽器可以同時發送信息。
建立了WenSocket之後伺服器不必在瀏覽器發送request請求之後才能發送信息到瀏覽器。這時的伺服器已有主動權想什麼時候發就可以發送信息到伺服器。而且信息當中不必在帶有head的部分信息了與http的長鏈接通信來說,這種方式,不僅能降低伺服器的壓力。而且信息當中也減少了部分多餘的信息。
❷ 怎樣用java web和websocket實現網頁即時通訊
服務穩定的推送服務,前段時間研究了一下goeasy,後台推送只需要兩行代碼, js前端推送也只需要3,4行,而且文檔齊全,還提供了後台查詢信息收發情況,所以GoEasy推送服務是個不錯的選擇。
1. 引入goeasy.js
2. 客戶端訂閱,
Var goeasy = new GoEasy({appkey:』your appkey』});
goeasy.subscribe(channel:」your channel」, onMessage:function(message){alert(『received message』+ message.content)})
3. 三種推送方式
Javascript: goeasy.publish({channel:』your channel』, message:』your publish msg』});
Java SDK: GoEasy goeasy = new GoEasy(「appkey」); goeasy.publish(「your channel」,」your msg」);
三步輕松實現web推送及接收
❸ java websocket web網頁聊天怎麼實現
websocket 是反向推送的一種類型
聊天需要實時性高,在A第一次發送信息給B的時候需要建立websocket的連接,A向B發送信息就通過websocket完成。
A如果關閉窗口則websocket斷開連接
❹ 什麼是Websocket
認識HTML5的WebSocket
在HTML5規范中,我最喜歡的Web技術就是正迅速變得流行的WebSocket API。WebSocket提供了一個受歡迎的技術,以替代我們過去幾年一直在用的Ajax技術。這個新的API提供了一個方法,從客戶端使用簡單的語法有效地推動消息到伺服器。讓我們看一看HTML5的WebSocket API:它可用於客戶端、伺服器端。而且有一個優秀的第三方API,名為Socket.IO。
一、什麼是WebSocket API?
WebSocket API是下一代客戶端-伺服器的非同步通信方法。該通信取代了單個的TCP套接字,使用ws或wss協議,可用於任意的客戶端和伺服器程序。WebSocket目前由W3C進行標准化。WebSocket已經受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等瀏覽器的支持。
WebSocket API最偉大之處在於伺服器和客戶端可以在給定的時間范圍內的任意時刻,相互推送信息。WebSocket並不限於以Ajax(或XHR)方式通信,因為Ajax技術需要客戶端發起請求,而WebSocket伺服器和客戶端可以彼此相互推送信息;XHR受到域的限制,而WebSocket允許跨域通信。
Ajax技術很聰明的一點是沒有設計要使用的方式。WebSocket為指定目標創建,用於雙向推送消息。
二、WebSocket API的用法
只專注於客戶端的API,因為每個伺服器端語言有自己的API。下面的代碼片段是打開一個連接,為連接創建事件監聽器,斷開連接,消息時間,發送消息返回到伺服器,關閉連接。
[Copy to clipboard] [ - ]
CODE:
// 創建一個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的狀態。
onmessage事件提供了一個data屬性,它可以包含消息的Body部分。消息的Body部分必須是一個字元串,可以進行序列化/反序列化操作,以便傳遞更多的數據。
WebSocket的語法非常簡單,使用WebSockets是難以置信的容易……除非客戶端不支持WebSocket。IE瀏覽器目前不支持WebSocket通信。如果你的客戶端不支持WebSocket通信,下面有幾個後備方案供你使用:
Flash技術 —— Flash可以提供一個簡單的替換。 使用Flash最明顯的缺點是並非所有客戶端都安裝了Flash,而且某些客戶端,如iPhone/iPad,不支持Flash。
AJAX Long-Polling技術 —— 用AJAX的long-polling來模擬WebSocket在業界已經有一段時間了。它是一個可行的技術,但它不能優化發送的信息。也就是說,它是一個解決方案,但不是最佳的技術方案。
由於目前的IE等瀏覽器不支持WebSocket,要提供WebSocket的事件處理、返回傳輸、在伺服器端使用一個統一的API,那麼該怎麼辦呢?幸運的是,Guillermo Rauch創建了一個Socket.IO技術。
三、帶Socket.IO的WebSocket
Socket.IO是Guillermo Rauch創建的WebSocket API,Guillermo Rauch是LearnBoost公司的首席技術官以及LearnBoost實驗室的首席科學家。Socket.IO使用檢測功能來判斷是否建立WebSocket連接,或者是AJAX long-polling連接,或Flash等。可快速創建實時的應用程序。Socket.IO還提供了一個NodeJS API,它看起來非常像客戶端API。
建立客戶端Socket.IO
Socket.IO可以從GitHub下載,可以把socket.io.js文件包含到頁面中:
[Copy to clipboard] [ - ]
CODE:
<script src="http://cdn.socket.io/stable/socket.io.js"></script>
[/code
此時,Socket.IO在此頁面上是有效的,是時候創建Socket了:
[code]
// 創建Socket.IO實例,建立連接
var socket= new io.Socket('localhost',{
port: 8080
});
socket.connect();
// 添加一個連接監聽器
socket.on('connect',function() {
console.log('Client has connected to the server!');
});
// 添加一個連接監聽器
socket.on('message',function(data) {
console.log('Received a message from the server!',data);
});
// 添加一個關閉連接的監聽器
socket.on('disconnect',function() {
console.log('The client has disconnected!');
});
// 通過Socket發送一條消息到伺服器
function sendMessageToServer(message) {
socket.send(message);
}
Socket.IO簡化了WebSocket API,統一了返回運輸的API。傳輸包括:
WebSocket
Flash Socket
AJAX long-polling
AJAX multipart streaming
IFrame
JSONP polling
你還可以設置任意的Socket.IO構造器的第二個選項,選項包括:
port - 待連接的埠
transports - 一個數組,包含不同的傳輸類型
transportOptions - 傳輸的參數使用的對象,帶附加屬性
Socket.IO還提供了由本地WebSocket API提供的普通連接、斷開連接、消息事件。Socket還提供了封裝每個事件類型的方法。
四、NodeJS和Socket.IO聯合開發
Socket.IO提供的伺服器端解決方案,允許統一的客戶端和伺服器端的API。使用Node,你可以創建一個典型的HTTP伺服器,然後把伺服器的實例傳遞到Socket.IO。從這里,你創建連接、斷開連接、建立消息監聽器,跟在客戶端一樣。
一個簡單的伺服器端腳本看起來如下:
[Copy to clipboard] [ - ]
CODE:
// 需要HTTP 模塊來啟動伺服器和Socket.IO
var http= require('http'), io= require('socket.io');
// 在8080埠啟動伺服器
var server= http.createServer(function(req, res){
// 發送HTML的headers和message
res.writeHead(200,{ 'Content-Type': 'text/html' });
res.end('<h1>Hello Socket Lover!</h1>');
});
server.listen(8080);
// 創建一個Socket.IO實例,把它傳遞給伺服器
var socket= io.listen(server);
// 添加一個連接監聽器
socket.on('connection', function(client){
// 成功!現在開始監聽接收到的消息
client.on('message',function(event){
console.log('Received message from client!',event);
});
client.on('disconnect',function(){
clearInterval(interval);
console.log('Server has disconnected');
});
});
你可以運行伺服器部分,假定已安裝了NodeJS,從命令行執行:
[Copy to clipboard] [ - ]
CODE:
node socket-server.js
現在客戶端和伺服器都能來回推送消息了!在NodeJS腳本內,可以使用簡單的JavaScript創建一個定期消息發送器:
[Copy to clipboard] [ - ]
CODE:
// 創建一個定期(每5秒)發送消息到客戶端的發送器
var interval= setInterval(function() {
client.send('This is a message from the server! ' + new Date().getTime());
},5000);
伺服器端將會每5秒推送消息到客戶端!
五、dojox.Socket和Socket.IO
Persevere的創建者Kris Zyp創建了dojox.Socket。dojox.Socket以Dojo庫一致的方式封裝了WebSocket API,用於在客戶端不支持WebSocket時,使用long-polling替代。
下面是怎樣在客戶端使用dojox.Socket和在伺服器端使用Socket.IO的例子:
[Copy to clipboard] [ - ]
CODE:
var args, ws= typeof WebSocket!= 'undefined';
var socket= dojox.socket(args= {
url: ws? '/socket.io/websocket' : '/socket.io/xhr-polling',
headers:{
'Content-Type':'application/x-www-urlencoded'
},
transport: function(args, message){
args.content = message; // use URL-encoding to send the message instead of a raw body
dojo.xhrPost(args);
};
});
var sessionId;
socket.on('message', function(){
if (!sessionId){
sessionId= message;
args.url += '/' + sessionId;
}else if(message.substr(0, 3) == '~h~'){
// a heartbeat
}
});
dojox.socket.Reconnect還創建了在套接字失去連接時自動重連。期待包含dojox.Socket的Dojo 1.6版本早日發布。
六、實際應用和WebSocket資源
有很多WebSocke的實際應用。WebSocket對於大多數客戶機-伺服器的非同步通信是理想的,在瀏覽器內聊天是最突出的應用。WebSocket由於其高效率,被大多數公司所使用。
WebSocket資源
Socket.IO站點:http://socket.io/
WebSocket的Wikipedia:http://en.wikipedia.org/wiki/WebSockets
WebSockets.org站點:http://www.websockets.org/
Dojo WebSocket站點:http://www.sitepen.com/blog/2010/10/31/dojo-websocket/
❺ WebSocket究竟是什麼東西
WebSocket協議是基於TCP的一種新的網路協議。它實現了瀏覽器與伺服器全雙工(full-plex)通信——允許伺服器主動發送信息給客戶端。
在實現websocket連線過程中,需要通過瀏覽器發出websocket連線請求,然後伺服器發出回應,這個過程通常稱為「握手」
。在 WebSocket
API,瀏覽器和伺服器只需要做一個握手的動作,然後,瀏覽器和伺服器之間就形成了一條快速通道。兩者之間就直接可以數據互相傳送。在此WebSocket
協議中,為我們實現即時服務帶來了兩大好處:
1. Header
互相溝通的Header是很小的-大概只有 2 Bytes
2. Server Push
伺服器的推送,伺服器不再被動的接收到瀏覽器的請求之後才返回數據,而是在有新數據時就主動推送給瀏覽器。
握手協議例子
編輯
瀏覽器請求
GET /webfin/websocket/ HTTP/1.1
Host: localhost
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: xqBt3ImNzJbYqRINxEFlkg==
Origin: http://伺服器地址
Sec-WebSocket-Version: 13
伺服器回應
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: K7DJLdLooIwIG/MOpvWFB3y3FE8=
WebSocket借用http請求進行握手,相比正常的http請求,多了一些內容。其中,
Upgrade: websocket
Connection: Upgrade
表示希望將http協議升級到Websocket協議。
Sec-WebSocket-Key是瀏覽器隨機生成的base64 encode的值,用來詢問伺服器是否是支持WebSocket。
伺服器返回
Upgrade: websocket
Connection: Upgrade
告訴瀏覽器即將升級的是Websocket協議
Sec-WebSocket-Accept是將請求包「Sec-WebSocket-Key」的值,與」258EAFA5-E914-47DA-95CA-C5AB0DC85B11″這個字元串進行拼接,然後對拼接後的字元串進行sha-1運算,再進行base64編碼得到的。用來說明自己是WebSocket助理伺服器。
Sec-WebSocket-Version是WebSocket協議版本號。RFC6455要求使用的版本是13,之前草案的版本均應當被棄用。
更多握手規范詳見RFC6455。
❻ 如何測試webservice和websocket介面
WebSocket是html5新增加的一種通信協議,目前流行的瀏覽器都支持這個協議,例如Chrome,Safari,Firefox,Opera,IE等等,對該協議支持最早的應該是chrome,從chrome12就已經開始支持,隨著協議草案的不斷變化,各個瀏覽器對協議的實現也在不停的更新。該協議還是草案,沒有成為標准,不過成為標准應該只是時間問題了,從WebSocket草案的提出到現在已經有十幾個版本了,目前最新的是版本17,所對應的協議版本號為13,目前對該協議支持最完善的瀏覽器應該是chrome,畢竟WebSocket協議草案也是Google發布的。
1. WebSocket API簡介
首先看一段簡單的javascript代碼,該代碼調用了WebSockets的API。
[javascript] view plain
var ws = new WebSocket(「ws://echo.websocket.org」);
ws.onopen = function(){ws.send(「Test!」); };
ws.onmessage = function(evt){console.log(evt.data);ws.close();};
ws.onclose = function(evt){console.log(「WebSocketClosed!」);};
ws.onerror = function(evt){console.log(「WebSocketError!」);};
這份代碼總共只有5行,現在簡單概述一下這5行代碼的意義。
第一行代碼是在申請一個WebSocket對象,參數是需要連接的伺服器端的地址,同http協議使用http://開頭一樣,WebSocket協議的URL使用ws://開頭,另外安全的WebSocket協議使用wss://開頭。
❼ 用WebSocket,WebWorker和requestAnimationFrame如何實現服務端定時推送隨機數到客戶端
你使用WebSocket就可以達到這個效果。WebWorker是優化的事情,requestAnimationFrame只和顯示有關。
後端@ServerEndpoint的類裡面對應前端的new WebSocket("ws://localhost:8080/websocket");
在後端的定時推送有兩個辦法
1、@OnOpen方法裡面為每個webSocket創建一個線程去做定時及推送
2、@OnOpen將webSocket加入一個SET或者List,服務啟動的時候就啟動一個線程,定時為SET裡面的所有webSocket發送隨機數。
❽ Webview websocket 連接數
Webview中的websocket連接數是不受限制的
但是通過connectSockt調用的websocket的最大並發限制是5個。當我們的程序需要實時高效的獲取後端的返回結果時,除了早期大家用到的前端輪循的機制之外,當前比較簡單好用的莫過於WebSocket了。
前端html5的demo頁面,試著建立WebSocket連接並由後端主動推送消息查看前端是否收到是最簡單的驗證方式了。
❾ websocket 伺服器是web伺服器嗎
安裝好NodeJS之後,我們需要安裝「ws」,也就是我們的WebSocket實現,安裝方法很簡單,在終端或者命令行中輸入:
npm install ws
,等待安裝完成就可以了。
接下來,我們需要啟動我們的WebSocket服務。首先,我們需要構建自己的HTTP伺服器,在NodeJS中構建一個簡單的HTTP伺服器很簡單,so easy。代碼如下:
var app = http.createServer(onRequest ).listen( 8888 );
onRequest()作為回調函數,它的作用是處理請求,然後做出響應,實際上就是根據接收的URL,在伺服器上查找相應的資源,最終返回給瀏覽器。
在構建了HTTP伺服器後,我們需要啟動WebSocket服務,代碼如下:
var WebSocketServer = require('ws').Server;
var wss = new WebSocketServer( { server : app } );
從代碼中可以看出,在初始化WebSocket服務時,
❿ websocket的埠與web應用的埠可以共用一個嗎
你好,不會起沖突的。
如果websocket使用wss,也會跟https共用443埠的,也是不會起沖突的。
另外樓主是自己開發的websocket服務嗎?穩定性怎麼樣呢?
我們項目現在用的是【GoEasy】來實現websocket服務,目前使用還不錯