websocket(html5新規範)
WebSocket是HTML5規定的新協議。它允許服務端向客戶端實時推送新訊息;當然,客戶端也可以通過websocket實時向server發訊息。
應用場景:聊天。user1向user2發訊息,用伺服器中轉,那麼server就要向client實時推送。
1.js部分
//建立連線 var url="ws://yichudu.com/yichuMessage/websocket/chat"; var webSocket = new WebSocket(url); //繫結事件 webSocket.onopen=function(){/*建立連線後的操作*/} webSocket.onmessage = function(event) {/*收到資訊後的操作*/} webSocket.onclose = function() {/*斷開連線後的操作*/} //傳送訊息,以json為例 webSocket.send(JSON.stringify(msg));
2.server部分
需要tomcat支援,以tomcat8為例。用eclipse建立一個Dynamic Web Project。
@javax.websocket.server.ServerEndpoint
該註解作用在類上,註解的value引數指定了建立連線的URL路徑。
//以該註解為例,那麼真實地址就是ws://host:port/project/websocket/chat
@ServerEndpoint(value = “/websocket/chat”)
@javax.websocket.OnOpen
作用在函式上,注入引數javax.websocket.Session。
@javax.websocket.OnClose
作用在函式上。
@javax.websocket.OnMessage
作用在函式上。注入引數String。
void javax.websocket.RemoteEndpoint.Basic.sendText(String text)
此函式用於發訊息。
@javax.websocket.OnError
作用在函式上。注入引數Throwable。異常的時候會呼叫。
相關文章
- HTML5 新特性之 WebsocketHTMLWeb
- 【譯】 WebSocket 協議第十二章——使用其他規範中的WebSocket協議Web協議
- HTML5規範何時才能塵埃落定?HTML
- 前端開發規範:命名規範、html規範、css規範、js規範前端HTMLCSSJS
- CSS新規範:樣式查詢CSS
- HTML5示例之WebSocketHTMLWeb
- MySQL資料庫規範 (設計規範+開發規範+操作規範)MySql資料庫
- 前端規範之javascript規範前端JavaScript
- 前端規範之CSS規範前端CSS
- 前端規範之HTML 規範前端HTML
- PHP 規範 - Symfony 程式碼規範PHP
- 前端規範之nodeJs 規範前端NodeJS
- 編碼規範系列:css規範CSS
- HTML5(十一)——WebSocket 基礎教程HTMLWeb
- HTML5規範塵埃落定,5個開發工具推薦HTML
- 『前端規範化』CSS命名規範化前端CSS
- 前端規範之vue 專案規範前端Vue
- 前端規範與思考(二)———css規範前端CSS
- 前端規範之CSS規範(Stylelint)前端CSS
- Android 程式碼規範 - 命名規範Android
- Android程式碼規範:命名規範Android
- 從HTML5 WebSocket到Socket.ioHTMLWeb
- 淺談HTML5 WebSocket的機制HTMLWeb
- 從規範看ECMAScript(一):規範基礎
- 前端規範之媒體檔案規範前端
- 前端規範之Git提交規範(Commitizen)前端GitMIT
- AMD規範與CMD規範的區別
- MySQL 規範MySql
- Git規範Git
- PHP規範PHP
- FastCGI規範AST
- JS規範JS
- SVG規範SVG
- 提交規範
- Servlet 規範Servlet
- Flutter 1.17 新 Material motion 規範的預構建動畫Flutter動畫
- 除了GET方法,新的HTTP QUERY方法規範釋出HTTP
- MySQL 規範 (資料庫表設計規範)MySql資料庫