こんなページをつくりたいのですが・・・

Question

ご存知の方、ぜひ教えて頂きたいのですが、
よく、「パスワード」を入力してそのページを表示するサイトが有りますが、同じ物を作ってみたいのです。
任意団体のＨＰの試作を作っていまして、会員の人にパスワードをお教えして連絡事項とか、お知らせを通知したいのですが、このページの創り方を知りたいのです。
サイト、書籍などなんでも結構ですので教えてください。
よろしくお願い致します。
ＨＰはMacromedia Dreamweaver 4Jで作っていて、
最初の入力のページは作ることは出来たのですが、
その後が全くわかりません。
本や、サイトでも調べてみましたが、判りませんでした。
ぜひ、ご存知の方、よろしくお願い致します。

heto2 · Accepted Answer

No.2 実際に作ってみると曖昧な部分がありましたので作成例、書き直しました。下記のように修正ください。１．ルートフォルダにファイルを三つ作る AAA.index.html BBB.himitu.js CCC.himitu.htm ２．AAA.index.htmlの内容３．BBB.himitu.jsの内容 function passCheck() { var password = prompt("パスワードを入力してください"); if (password == "himitu"){location.href=password+".htm"}; else {location.href="index.html"}; } ４．CCC.himitu.htmの内容

秘密のページ

以上でindex.htmlを開いてうまくいくか試してみてください。変更する場合はファイル名を「xxxx」に、「BBB.himitu.js」の4行目を変更します。 if (password == "xxxx"){location.href=password+".htm"}

covachan · Answer

cabyさん
あまりこういう事は言いたくはないのですが、誰も進言をされないようですのでいわせていただきます。
heto2さんのやり方は止めたほうがよいです。
最終的にどういう形で相手に引き渡すのかはわかりませんが、この方法だと初心者であるユーザー方々に迷惑をかけてしまうのが結果として見えています。
jsを隠すために結局のところWEBサーバの設定が必要になります。それならばもっと別の方法を考えてください。
理由はたとえば、ページのソースを見ると、jsファイルの場所がわかり、そのURLをたたくとjsファイルをDLできます。つまり、jsに書かれている認証情報が丸見えになるということです。
最終的にどういう形で相手に引き渡すのかはわかりませんが、これを相手が見たときにどういう反応を示すでしょうか？
大きく2つに分かれます。
「cabyさんは全くの知識不足だね。」もしくは「すごい！これでばっちりだ！」
後者の場合、相手は安心してしまい大事な情報を書き込んで行くようになり、そして先ほどのやり方により、それを第三者に見られることになるでしょう。
どちらにしてもcabyさんにとっては非常にまずい事になり、後者の場合、最悪、責任問題になります。

covachan · Answer

No1でppmiさんがリンクをつけて回答されていますがそれはご覧になられましたか？
ppmiさんの例ではApacheの.htaccessを使用しています。もしWEBサーバがApacheならばご覧になってみてはいかがでしょうか？
IISを誤使用ならば以下のURLをご覧になってはいかがでしょう？
どちらにしても環境がわかりませんので的確なアドバイスはできません。

参考URL：http://www.atmarkit.co.jp/fdotnet/aspnet/aspnet18/aspnet18_01.html

covachan · Answer

今回のように個人レベルでの認証でなく、ひとつのIDとパスワードしか使わないのであればわざわざASPのほうに実装することは無駄な人的コストの発生が発生するだけでメリットは生まれないと思うのですがどうでしょうか？
今回のケースで考えればWEBサーバのほうにその機能を実装させるのがネストだと思います。
それともぞれはできないのでしょうか？

heto2 · Answer

私はもっと易しい方法を使っています。しかし、丸ごとダウンロードされると全てばれてしまいます。重要事項、機密事項には使わないでください。１．会員さんだけに公開するフォルダを作り、フォルダ名を例えば「himitu」にする。２．次のような関数を作ってファイル（例えばhimitu.js）に保存しておく　function passCheck(){ var password = prompt("パスワードを入力してください"); if (password != ""){location.href=password+".htm";} else{alert("パスワードが入力されていません"); location.href="index.html";}} ３．トップページの～でhimitu.jsにリンク４．トップページにリンクボタンを作る５．リンクボタンをクリックするとパスワード入力画面　フォルダ名、例えば「himitu」を入力するとそのフォルダが開かれる　その他が入力されるとエラーでトップページに戻る　６．フォルダ名を変更するだけでパスワードも変更できるこんないい加減なものではだめでしょうか？

ppmi · Answer

よく見かける簡単な方法は
ＢＡＳＩＣ認証、だとおもいます
下記のＵＲＬに作り方があります
あまり使われませんか
私の自己流の方法は
ある特定の会員さんだけに見てもらう時
http://www.xxx.com/angou
を見て、と連絡。
このangouはindex.htmlからも、どこからも
LINKが無く、教えた人にしかわかりません

参考URL：http://neo.pharm.hiroshima-u.ac.jp/faq/basic_authentication.html

こんなページをつくりたいのですが・・・

No.2 実際に作ってみると曖昧な部分がありましたので

この回答への補足

cabyさん

この回答への補足

No1でppmiさんがリンクをつけて回答されていますがそれはご覧になられましたか？

この回答への補足

私はもっと易しい方法を使っています。

この回答への補足

よく見かける簡単な方法は

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング