security - HTML5でlocalStorageを保護する方法は？

Question

HTML5 localStorageのコンテンツをユーザーの改ざんから保護するにはどうすればよいですか？クッキーの場合、暗号化された形式で情報を保存し、暗号化に使用される秘密は、クライアントに知られていないサーバーに保存されます。

ただし、localStorageでは、情報はクライアント側にあり、キーをクライアントに送信します。では、localStorage内の情報をユーザーの改ざんから保護するための標準的な方法はありますか？

Answer 1

@MikkoOhtamaaは正しいです。使用するのはそれほど安全ではありません。しかし、セッション終了まで情報を保持するsessionStorageを使用できるかもしれません。そしてこのサイトから：

ローカルストレージとセキュリティに関する最終的な考え

1. セッション識別子にローカルストレージを使用しないでください。Cookieを使用し、HTTPOnlyフラグとSecureフラグを使用します。

2. 何らかの理由でCookieが機能しない場合は、ユーザーがブラウザウィンドウを閉じるとクリアされるセッションストレージを使用してください。

3. 機密データをローカルストレージに保存する場合は注意が必要です。他のクライアント側のストレージオプションと同様に、このデータはユーザーが表示および変更できます。

最後に、機密データをlocalStorageに保存しないでください...

Answer 2

localStorageを保護しません。

クライアントソフトウェアからのものはすべて信頼できないものでなければなりません。

Answer 3

それでも疑問に思っている人は、クライアント側のjavascriptライブラリであるSecurityJS.128をチェックしてください。APIの1つはですwindow secureStorage。

---

仕組みは次のとおりです。

(async function() {
    // anonymous function
    // generate the key
    const myKey = securityjs.generateKey();
    // set the item
    secureStorage.setItem("item", "123");

    // lock it
    secureStorage.lock();

    // unlock it
    secureStorage.unlock(myKey);
    // get the item
    secureStorage.getItem("item");
    // "123"
})();