WEBサイト パスワード管理 セキュリティ 対策

Question

現在HTML5、CSS3でWEBサイトを制作しています。
JavaScriptでパスワードを掛けたなのですが、
別ページのURLへ飛ぶとパスワードでログインせずに飛ぶことができてしまいます。
解決方法を教えていただけないでしょうか？

<Script> var user; user = prompt("ユーザー名を入れて下さい。",""); if (user == "user"){ var pw; pw = prompt("パスワードを入れて下さい。",""); if (pw == "pass"){ location.href = "test.html"; }else{ alert("パスワードが違います！"); //window.location.reload(); window.open('about:blank','_self').close(); } }else{ alert("ユーザー名が違います！"); window.location.reload(); //}else if(user != null){ window.open('about:blank','_self').close(); } </Script>

HTMLに直接書いてます。

回答待ってます。

------------追伸---------------

一つの案として、.htaccessというファイルを使うことがわかりました。

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

パスワードによる認証はサーバー側の仕事です。
クライアントサイドでできるのはせいぜいUIの調整程度
いまさら感はありますがBasic認証が基本になるので学習してみてください
（一定のセキュリティを確保するには別の方法になりますが挙動だけは確認できるでしょう）

Answer 2

クライアントサイドだけでやるのであればyambejpさんがおっしゃるBasic認証があると思います。

別のやり方で、javascriptでブラウザ側のsessionを利用する方法もあります。
【参考URL】
http://portaltan.hatenablog.com/entry/2015/08/05/100655

すべてのページでこのsessionの中身をチェックして、ログインしていない状態であればログインページに飛ばすというやり方です。