こんばんは。初めての投稿になります。
今回は、JavaScriptのlocalStrageというAPIを使用してログイン処理を実現したため、実際に行ったことを書いていきたいと思います。
【実際に行ったこと】
1.ログイン画面から任意のデータをサーバ側(Node.js)に送信し、サーバ側でログイン認証処理を行う。ログインできた場合、200レスポンスを返す。
2.クライアント側(React)にログインOKのレスポンスが返ってこない場合は何もしない。帰ってきた場合はlocalStrage APIを用いて次のように値をセットする。私は"Login"という値と、該当ユーザのIDをセットしました。
3.クライアント側にlocalStrageに'Login'が入っている場合はログイン状態を保持し、'Login'以外の値が入っているまたは何も入っていない場合は保持しない処理を記述する。
簡易的な方法ではありますが、これでブラウザを再読み込みしようが、ページを離れようが、ログイン状態が維持されます。cookieとは違い、localStrageは一度データが保存されると消去しない限り消えないためその点は注意してください。
以上です。