WebストレージとWebソケット
3166 ワード
一、webストレージは、任意のプログラムにとって、データストレージを実現するために必須の機能の1つであり、必要に応じてデータを提供することができる.しかし、従来のWebクライアントでは、データストレージをサポートできる有効なメカニズムはなく、クッキーはクライアントに少量の情報を格納するために使用されていたが、その性質によって、クッキーは短い文字列 しか記憶できなかった.は、cookieの上に強化されたWebストレージAPIをHTML 5に提供する.このAPIでは、ユーザーのハードディスク(HDD)にデータを格納し、後でこれらのデータを使用することができます. APIは、2つの部分に分けることができる:1)情報がセッション中にのみ使用されなければならない-sessionStorage .
1.sessionStorage sessionStorageという部分のAPIは、セッションクッキーの代替のようなものです. cookieおよびsessionStorageは、特定の期間にわたってデータを保持して使用可能である.ただし、クッキーはブラウザを参照として使用し、sessionStorageは単一のウィンドウを参照として使用します.これは、ウィンドウが閉じた後、sessionStorageは使用できないことを意味します.
方法:
属性:
2.localStorageが提供する属性と方法はsessionstorageと一致する storageイベント複数のウィンドウ間でデータコンテンツを共有する問題: 二、Webソケットネットワークプロトコルクライアントがサービス側と通信するプロトコルHTTPプロトコル-現在インターネットの中で最も広範なプロトコルSOCKETプロトコル-リアルタイムインスタント通信 に適用される. HTTPプロトコルの問題 web Socket Web Socketの特徴 1)この接続はリアルタイムであり,永続的である2)サービス側はメッセージを積極的にプッシュできる3)サービス側はクライアントをポーリングする要求を必要としない4)サーバ側とクライアント間の通信は接続を再確立する必要がない WorkerManを使用して、socketクライアント1を設定)php環境変数を設定2)workerMan は、作成したファイルを実行し、workerManを起動してworkerMan を実行します.
三、Webソケットの使用 WebSocketオブジェクトのコンストラクタを呼び出し、サーバとの通信接続var webSocket=new WebSocket(「ws://127.0.0.1:8005/socket」)を確立する.要求アドレス(url)はhttp://先頭ではなく、Web Socketsの要求ヘッダ(urlの先頭) WebSocketオブジェクトのsend()メソッドを使用してサーバにデータ を送信する. WebSocketオブジェクトのclose()メソッドによりsocketを閉じ、通信接続を切断する:webSocket.close( ) ; Web Socketイベント1)onmessageイベントを取得することによってサーバから送信されたデータを受信する:
,
)情報が長期にわたって保存され、ユーザによって決定される時間が長くなければならない-localStorage ,
1.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
Safari ,
1)
,
2)
, , , , 。
HTTP
http://www.workerman.net/workerman
workerMan
http://doc3.workerman.net/getting-started/simple-example.html
をダウンロードして解凍)任意の場所でhttp_を作成するtest.phpファイル、レッスン中のstart.textファイルの内容をそのファイルにコピーします(場所は任意で、WorkermanファイルのAutoloader.phpに参照できます).三、Webソケットの使用
ws:// - Web Socket
wss:// -
webSocket.send (“data”);
send() 。, JSON JavaScript, 。
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 ){
}