
知っているように、
localStorage APIにはいくつかの制限があり、大きなアプリケーションを作成する場合は回避する必要があります。 新しい
クロスストレージ *ライブラリは、権限を使用して
localStorageの クロスドメインサポートを有効にし
ます 。 このライブラリには、
ES6標準の
Promise APIも含まれてい
ます 。
クロスストレージは、ハブとクライアントの2つのコンポーネントを使用します。 ハブはドメインに応じて許可を設定できますが、これは
同じソースの原則を強制的に使用することに他なりません。 指定されたライブラリには、読み取り、書き込み、削除などのアクセスタイプ(
get, set, del
)が含まれます。
CrossStorageHub.init([ { origin: /\.example.com$/, allow: ['get'] }, { origin: /:(www\.)?example.com$/, allow: ['get', 'set', 'del'] } ]);
クライアントは、次のようにハブにアクセスできます。
var storage = new CrossStorageClient('https://store.example.com/hub.html'); storage.onConnect().then(function() {
onConnect
メソッドは、ハブへの接続が確立されたときに満たされるpromiseを返すことに注意してください。 接続の最後に
storage.close
を呼び出すこともできます
storage.close
これは
iframe
を使用して実装されます。
ダニエルは、古いブラウザーには
es6 -promise polyfileを使用することをお勧めします。
このプロジェクトは
Gulpを使用してクライアントコードを構築し、
zuulテストもバンドルして
います。
タグ付け
*クロスストレージライブラリ、ライセンス:Apache 2.0、npm:
クロスストレージ 、bower:
cross-storage
、著者:Daniel St. ジュール