認証＠JavaScript¶
はじめに¶
本サイトにつきまして、以下をご認識のほど宜しくお願いいたします。
01. 認証情報の保管の種類¶
SessionStorage¶
▼ 保管¶
<!-- string型で値を設定する必要がある -->
<script>
window.sessionStorage.setItem("session_id", "*****");
</script>
▼ 取得¶
<script>
const access_token = window.sessionStorage.getItem("session_id");
const header = new Headers();
header.set("Cookie", "session_id");
</script>
▼ 削除¶
<script>
window.sessionStorage.removeItem("session_id");
</script>
<script>
window.sessionStorage.clear();
</script>
LocalStorage¶
▼ 保管¶
<script>
window.localStorage.setItem("access_token", "*****");
</script>
▼ 取得¶
<script>
const access_token = window.localStorage.getItem("access_token");
const header = new Headers();
header.set("Authorization", "Bearer " + access_token);
</script>
▼ 削除¶
<script>
window.localStorage.removeItem("access_token");
</script>
<script>
window.localStorage.clear();
</script>
Cookie¶
▼ 保管¶
document.cookieに値を格納する。
// key=value
document.cookie = "user=Tarou";
// user=Tarou
console.log(document.cookie);
▼ 取得¶
document.cookieから値を出力する。
const cookie = document.cookie;
// key=value; key=value; key=value; key=value; key=value; key=value;
console.log(cookie);
▼ 削除¶
document.cookieの有効期限を過去に設定する。
document.cookie = "user=Tarou; expires=Mon, 1 Nov 2021 20:00:00 GMT";
または、document.cookieの有効期限を0秒に設定する
document.cookie = "user=Tarou; max-age=0";