0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

認可Cookie持ってなかったらリダイレクトさせる

Last updated at Posted at 2019-12-18

認可Cookie持ってなかったらリダイレクトさせる

目的

index.htmlに,「18歳以上ですか」というお決まりの案内を出しているが,URLベタが記されると目的のエロページに辿り着いてしまう.
そこで18歳ボタンを押した人だけが,エロページに行けるようにしたかった.
(という建前で,本音は会社での成果発表で,意図せずエロページ出さないようにするため)

やってみる

1.index.htmlの「18歳以上ですか」に対する「はい」ボタンクリック時に,認可Cookie(ていうほどのもんじゃないけど)をセット.

index.html
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
   <!-- onClickに認可Cookie払い出し関数を紐付ける -->
   <a href="eropage.html"><button type="button" onClick="yesBtn();">はい</button></a>
   <script src="index.js"></script>
  </body>
</html>
index.js
function yesBtn() {
    //認可Cookieのセット
    document.cookie = "auth=over18; max-age=3600";//有効期限は3600秒=1時間
}

2.認可Cookieを持ってエロページに遷移.ここで認可Cookieがなければ,index.htmlにリダイレクト

eropage.js
// 認可Cookieを持っていなければ,リダイレクト
var cookies = document.cookie;
if (!cookies) {
    location.href="index.html";
}

このドメインでは,Cookieはこの1つのみ扱うため,cookieを持っているか否かで判定を行なっている.
持っていないければ,index.htmlにリダイレクトさせる.

終わりに

これで,直打ちされても表示は回避でき,意図しないエロサイト表示は避けられた.

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?