WebストレージとWebソケット

3166 ワード

一、webストレージ
  • は、任意のプログラムにとって、データストレージを実現するために必須の機能の1つであり、必要に応じてデータを提供することができる.しかし、従来のWebクライアントでは、データストレージをサポートできる有効なメカニズムはなく、クッキーはクライアントに少量の情報を格納するために使用されていたが、その性質によって、クッキーは短い文字列
  • しか記憶できなかった.
  • は、cookieの上に強化されたWebストレージAPIをHTML 5に提供する.このAPIでは、ユーザーのハードディスク(HDD)にデータを格納し、後でこれらのデータを使用することができます.
  • APIは、2つの部分に分けることができる:1)情報がセッション中にのみ使用されなければならない-sessionStorage
    )情報が長期にわたって保存され、ユーザによって決定される時間が長くなければならない-localStorage
  • .
    1.sessionStorage
  • sessionStorageという部分のAPIは、セッションクッキーの代替のようなものです.
  • cookieおよびsessionStorageは、特定の期間にわたってデータを保持して使用可能である.ただし、クッキーはブラウザを参照として使用し、sessionStorageは単一のウィンドウを参照として使用します.これは、ウィンドウが閉じた後、sessionStorageは使用できないことを意味します.

  • 方法:
    1)    
       setItem(key,value)
       key -            
       value -        (number/string)
    
    2)         
       var value = getItem(key);
       
    3)          
        removeItem(key);
    
    4)            
        clear()
    
    5)       key
         var key = key(index);
    

    属性:
                  
     length
    

    2.localStorage
  • が提供する属性と方法はsessionstorageと一致する
  • storageイベント複数のウィンドウ間でデータコンテンツを共有する問題:
           
        Safari        ,        
    
  • 二、Webソケット
  • ネットワークプロトコルクライアントがサービス側と通信するプロトコルHTTPプロトコル-現在インターネットの中で最も広範なプロトコルSOCKETプロトコル-リアルタイムインスタント通信
  • に適用される.
  • HTTPプロトコルの問題
    1)   
    
              ,               
    
    2)   
    
                 ,       ,       ,      ,               。
    
  • web Socket
        HTTP                      
    
  • Web Socketの特徴
  • 1)この接続はリアルタイムであり,永続的である2)サービス側はメッセージを積極的にプッシュできる3)サービス側はクライアントをポーリングする要求を必要としない4)サーバ側とクライアント間の通信は接続を再確立する必要がない
  • WorkerManを使用して、socketクライアント1を設定)php環境変数を設定2)workerMan
       http://www.workerman.net/workerman
    
       workerMan    
    
       http://doc3.workerman.net/getting-started/simple-example.html
    
    をダウンロードして解凍)任意の場所でhttp_を作成するtest.phpファイル、レッスン中のstart.textファイルの内容をそのファイルにコピーします(場所は任意で、WorkermanファイルのAutoloader.phpに参照できます).
  • は、作成したファイルを実行し、workerManを起動してworkerMan
  • を実行します.

    三、Webソケットの使用
  • WebSocketオブジェクトのコンストラクタを呼び出し、サーバとの通信接続var webSocket=new WebSocket(「ws://127.0.0.1:8005/socket」)を確立する.要求アドレス(url)はhttp://先頭ではなく、Web Socketsの要求ヘッダ(urlの先頭)
      ws:// - Web Socket   
      wss:// -       
    
  • WebSocketオブジェクトのsend()メソッドを使用してサーバにデータ
    webSocket.send (“data”);
    
    send()           。,  JSON     JavaScript,              。 
    
  • を送信する.
  • WebSocketオブジェクトのclose()メソッドによりsocketを閉じ、通信接続を切断する:webSocket.close( ) ;
  • Web Socketイベント1)onmessageイベントを取得することによってサーバから送信されたデータを受信する:
       webSocket.onmessage = function( event ){
    
           var data = event.data ;
       }
    
    )onopenイベントを取得することによってsocketのオープンイベントを傍受する:
       webSocket.onopen = function( event ){
       
       }
    
    3)oncloseイベントを取得することによってsocketのクローズイベントを傍受する:
       webSocket.onclose = function( event ){
           
       }
    
    4)onerrorイベントを通過するリスニングクライアントとサーバ側の接続エラー
       webSocket.onerror = function( event ){
           
       }