socket.io 之 engine.io

TwIStOy 發布于2019-08-22 18:19 / 697人閱讀

engine.io

實現跨瀏覽器、跨設備雙向通信層

通信:Emitter

class Emitter {
    _subs: {};
    construtor (params?: object) {
        return(params && this.mixin(params));
    }
    
    mixin (params) {
       for (let key in Emitter.prototype) {
           params[key] = Emitter.prototype[key];
       }
       return params;     
    }
    
    on (event, fn) {
        (this._subs[event] = this._subs[event] || []).push(fn);
        return this;
    }
    once (event, fn) {
        function on () {
            this.off(event, fn);
            fn.apply(this, arguments);
        }
        
        on.fn = fn;
        this.on(event, on);
        return this;
    }
    
    off (event, fn) {
        if (0 === arguments.length) {
            this._subs = {};
            return this;
        }
        
        let callbacks = this._subs[event];
        if (!callbacks || !callbacks.length === 0) return this;
        if (1 === arguments.length) {
            delete this._subs[event];
            return this;
        }
        
        let cb;
        for (let i = 0; i < callbacks.length; i++) {
            cb = callbacks[i];
            if (cb === fn || cb.fn === fn) {
                callbacks.splice(i, 1);
                break;
            }
        }
        return this;
    }
    
    emit (event, ...args?: any) {
        callbacks = this._subs[event];
        callbacks.forEach((item)=>{
            item.apply(this.args);
        });
        return this;
    }
    
}

transports

base class [Transport]

websocket

class WS extends Transport {
   name: string = "websocket";
   supportsBinary: boolean = true;

   constructor (params) {
        super(params);
   }
   
   doOpen () {
       const uri = this.uri();
       const protocols = this.protocols;
       let opts = {
           agent: this.agent
       }
       

      // SSL options for Node.js client
      opts.pfx = this.pfx;
      opts.key = this.key;
      opts.passphrase = this.passphrase;
      opts.cert = this.cert;
      opts.ca = this.ca;
      opts.ciphers = this.ciphers;
      opts.rejectUnauthorized = this.rejectUnauthorized;
      if (this.extraHeaders) {
        opts.headers = this.extraHeaders;
      }
      if (this.localAddress) {
        opts.localAddress = this.localAddress;
      }

      try {
        this.ws = this.usingBrowserWebSocket ? (protocols ? new WebSocket(uri, protocols) : new WebSocket(uri)) : new WebSocket(uri, protocols, opts);
      } catch (err) {
        return this.emit("error", err);
      }
      this.addEventListeners();
   }

   doClose () {
        if (typeof this.ws !== "undefined") {
            this.ws.close();
        }
   }

   write () {
        
   }

   addEventListener () {
      this.ws.onopen = () => {
          this.onOpen();
      }
      
      this.ws.onclose = () => {
          this.onClose();
      }
      
      this.ws.onmessage = (ev) => {
          this.onData(ev.data);
      }
      
      this.ws.onerror = () => {
          this.onError("websocket error", e);
      }
   }
}

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95740.html

基于socket.io快速實現一個實時通訊應用

摘要：實時通訊越來越多應用于各個領域。實現原生實現對象一共支持四個消息和。是基于的實時通信庫。服務器應該用包含相同數據的乓包應答客戶端發送探測幀由服務器發送以響應數據包。主要用于在接收到傳入連接時強制輪詢周期。該間隔可通過配置修改。隨著web技術的發展，使用場景和需求也越來越復雜，客戶端不再滿足于簡單的請求得到狀態的需求。實時通訊越來越多應用于各個領域。 HTTP是最常用的客戶端與服務端的...

venmos 2019-08-23 17:04 評論0 收藏0
socket.io之一: 介紹

摘要：在標準沒有推出之前，輪詢是唯一可行的方式通過瀏覽器也可以，但這里不做討論。這種方式存在延時且對服務端造成很大負載。直到年，才標準化一種基于套接字進行收發數據的協議。現如今主流瀏覽器均已支持。 socket.io提供了基于事件的實時雙向通訊歷史 Web端與服務器間的實時數據傳輸的是一個很重要的需求，但最早只能通過AJAX輪詢詢實現。在WebSocket標準沒有推出之前，AJAX輪詢是唯...

william 2019-08-20 15:53 評論0 收藏0
socket.io搭配pm2（cluster）集群解決方案

摘要：對應的，服務端返回第六個請求為方式的請求，用來獲取服務端對第五個請求的響應。但是，官方的解決方案是每個進程的服務器創建不同端口的服務器，專注用于握手和升級，由做握手請求的代理。可以收藏我的博客 socket.io與cluster 在線上系統中，需要使用node的多進程模型，我們可以自己實現簡易的基于cluster模式的socket分發模型，也可以使用比較穩定的pm2這樣進程管理工具。...

娣辯孩 2019-08-20 16:57 評論0 收藏0
利用express+socket.io實現一個簡易版聊天室

摘要：用偽代碼來模擬下長輪詢的過程前端利用下面函數進行請求后端代碼做如下更改利用隨機數的大小來模擬是否有新數據有新數據來了長輪詢的確減少了請求的次數，但是它也有著很大的問題，那就是耗費服務器的資源。寫在前面最近由于利用node重構某個項目，項目中有一個實時聊天的功能，于是就研究了一下聊天室，在線demo|源碼，歡迎大家反饋。這個聊天室的主要利用到了socket.io和express。這個...

Chaz 2019-08-22 10:39 評論0 收藏0
【Node之web通信Socket.IO】

摘要：簡介是的一個模塊，他提供通過進行通信的一種簡單方式，協議很復雜，但是提供了服務器和客戶端雙方的組件，所以只需要一個模塊就可以給應用程序加入對的支持。而且還能支持不同的瀏覽器。它們之間有什么區別呢區別在于的是持久性的。環境：Node v8.2.1; Npm v5.3.0; OS Windows10 在web開發中，我們使用HTTP協議，HTTP協議是基于文本的單向通訊機制，當我們想要從...

xzavier 2019-08-21 16:57 評論0 收藏0