人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

携帯サイトをロリポップにて作成しています。
コンテンツの一つにパスワード部屋を作り、パスワードを入力したら先に進めるというコンテンツを作りたいです。
初心者なため、この作成方法がまったくわかりません。
どなたかご存知の方は、初心者用に分かり易く解説して頂けるととても幸いです。
よろしくお願い致します。

●質問者: happy778
●カテゴリ:インターネット ウェブ制作
✍キーワード:コンテンツ パスワード ロリポップ 作成 入力
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● yuki_furuya
●13ポイント

http://www.futomi.com/lecture/htaccess/htpasswd.html

こんな感じです。

重要なのが、.htaccessファイルと.htpasswdファイルです。

◎質問者からの返答

【携帯サイト】のパスワード部屋なのですが、

これは携帯サイトでも出来ますか?

以後回答して頂ける方は、出来ればリンクだけではなく、そのリンク先に書かれている内容をさらにわかりやすく”初心者用”に解説して下さい。

なるべく経験者の方でお願い致します。


2 ● yuki_furuya
●13ポイント

上の回答者です。


>これは携帯サイトでも出来ますか?

出来ます。

携帯用のログイン画面が表示されます。


上の

http://www.futomi.com/lecture/htaccess/htpasswd.html

これを、端折って説明します。


まず、

「Basic 認証は、ページにかけるものではありません。ディレクトリに対して制限をかけます。したがって、「.htaccess」をおいたディレクトリ配下のすべてのコンテンツに対して制限がかかります。」

この事は覚えて置いてください。


制限をかけたいディレクトリ下に、ファイルを二つ作成します。

先頭に.(ピリオド)があるので注意してください。


まず、.htaccess

AuthUserFile 「.htpasswdまでのフルパス。分からなかったらサーバー管理者に聞けばいいと思います。」

AuthGroupFile /dev/null

AuthName "好きな名前(タイトル)"

AuthType Basic

require valid-user

<Files ~ "^.(htpasswd|htaccess)$">

deny from all

</Files>


次に、.htpasswd

サーバー上でhtpasswdコマンドを実行するか、

直に、

「ユーザー名:暗号化されたパスワード」

と言った形で入力します。

複数ユーザーの場合は、改行して指定します。

暗号化されたパスワードは、上記HPの「パスワードを入れてください」というフォームを使えば分かります。


以上です。

分かりましたでしょうか?


http://httpd.apache.org/docs/2.0/ja/howto/auth.html

◎質問者からの返答

回答ありがとうございました。

ディレクトリhogemogeの中に

.htaccess

.htpasswd

が完成し、http://○○○/hogemoge/にアクセスしたらパスワード及びID入力画面はとりあえず現れました。

しかし正確なパスを入力した先のページはどうやって作成するのでしょうか?

現段階ではerrorになってしまいます。

hogemogeの中に新しいページを作成するのでしょうか?

.htaccessか.htpasswdの中に<html>を書き込むのでしょうか?

再質問になってしまい申し訳ございませんが

パス送信後のページの作成方法について教えてください。

理解出来た後、3質問文のポイントを送付致します。


3 ● yuki_furuya
●27ポイント

http://q.hatena.ne.jp/answerダミーです。


アクセス制限をかけたディレクトリ下にhtmlファイルを通常通りに作成します。

index.html等。


まず、

「Basic 認証は、ページにかけるものではありません。ディレクトリに対して制限をかけます。したがって、「.htaccess」をおいたディレクトリ配下のすべてのコンテンツに対して制限がかかります。」


これが適応されるためです。

index.htmlでなくとも、hogehoge.htmlでも構いません。

そのページにアクセスしようとすれば認証ページが表示されるかと思います。

◎質問者からの返答

回答ありがとうございました。

単純な事でした。


4 ● stoned247
●37ポイント

yuki_furuya さんの続きを説明すると「hogehoge」という

ディレクトリ内に「login.html」を作成してください。


※別に「login」という名前でなくてもいいです。


「login.html」の内容は通常のhtmlファイルを書いてください。

作成後に、http://○○○/hogemoge/login.htmlにアクセス

すれば認証画面が現れ認証後、「login.html」の画面が表示されます。


この時に、「login.html」ではなく「index.html」という

ファイル名にすればhttp://○○○/hogemoge/でアクセスし、

認証後に自動で「index.html」の画面が表示されます。

http://www.futomi.com/lecture/htaccess/htpasswd.html

◎質問者からの返答

回答ありがとうございます。

とても分かり易い説明有難うございました。

また、このアクセス制限の方法以外に

パスワード送信フォームの作り方をご存知でしたら教えて頂けると幸いです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ