[react]cookieに設定した値が、chromeの検証から、手で変更できないようにしたい

Question

react-cookieを利用して、CookieにユーザIDなどを登録しておきたいのですが、
chromeの検証から、手動で変更できてしまうため、変更できないようにしたいです。

何か方法がありましたら教えていただきたです。

（試したこと）
hhtpOnlyというオプションを設定することで、
サーバーからしか読み取れなくなるといった記事を見つけたため、
setCookieの際に、オプションで、hhtpOnlyをtrueにしてみました。

例
props.cookies.set('user_id', data.user_id, { path: '/', expires: tomorrow, httpOnly: true })

（結果）
手動で変更可能なままでした。

Answer 1

無理です。書き換えられては困る値を、そのままCookieに保存すべきではありません。

Comments

[maisumakun]

サーバサイドでセッションを作成して、そのセッションキーだけクライアントに渡す、という形では実装できないでしょうか？

[basken]

サーバーサイドでアクセストークンを作成し、ユーザーの特定はできるようになっているため、
正確にはユーザーの権限（管理者、一般）など、をクッキーに登録しようとしておりました。

そういったことは、すべきでないとご教授いただきありがとうございます。
都度、サーバから、ユーザーの権限を取得するよう実装しようと思います。

ありがとうございました。