ログインページの作成

最終更新日 : 2024年4月25日
メモ

Dreamweaver 以降では、ユーザーインターフェイスが簡素化されています。 そのため、この記事で説明されているオプションの一部が Dreamweaver 以降には存在しない場合があります。 詳しくは、こちらの記事を参照してください。

ログインページについて

web アプリケーションには、登録ユーザーがサイトにログインできるページを含めることができます。

ログインページは、以下の作成ブロックで構成されます。

  • 登録ユーザーのデータベーステーブル

  • ビジターがユーザー名とパスワードを入力するための HTML フォーム

  • 入力されたユーザー名とパスワードが有効であることを確認するログインユーザーサーバービヘイビア

    ユーザーが正常にログインすると、ユーザー名で構成されるセッション変数がユーザーに対して作成されます。

登録ユーザーのデータベーステーブルを作成する

ログインページで入力されたユーザー名とパスワードが有効であることを検証するために、登録ユーザーのデータベーステーブルが必要です。

データベースアプリケーションと登録ページを使用してテーブルを作成します。手順については、以下の関連トピックリンクを参照してください。

ログインページの作成における次のステップは、ユーザーがログインできるようにページにHTMLフォームを追加することです。手順については、以下のトピックを参照してください。

ユーザーがログインできるようにHTMLフォームを追加

ユーザー名とパスワードを入力してユーザーがログインできるように、ページにHTMLフォームを追加します。

ページを作成し(ファイル>新規>空白ページ)、Dreamweaverのデザインツールを使用してログインページをレイアウトします。
フォームを表示したい場所に挿入ポイントを配置し、挿入メニューからフォームを選択してHTMLフォームを追加します。

ページに空白のフォームが作成されます。 フォームの境界を確認するために、非表示エレメントを有効にする必要がある場合があります(表示>ビジュアルエイド>非表示エレメント)。境界は細い赤い線で表されます。

ドキュメントウィンドウの下部にある<form>タグをクリックしてフォームを選択し、プロパティインスペクタを開いて(ウィンドウ>プロパティ)、フォーム名ボックスに名前を入力してHTMLフォームに名前を付けます。

ユーザーが送信ボタンをクリックしたときにレコードデータをどこにどのように送信するかをフォームに指示するために、actionまたはmethod属性を指定する必要はありません。ログインユーザーサーバービヘイビアがこれらの属性を設定します。

フォームにユーザー名とパスワードテキストフィールドを追加します(挿入>フォーム>テキストフィールド)。

各テキストフィールドの横にラベル(テキストまたは画像)を追加し、HTMLテーブル内にテキストフィールドを配置してテーブルのborder属性を0に設定することで、テキストフィールドを整列させます。

フォームに送信ボタンを追加します(挿入>フォーム>ボタン)。

ボタンを選択し、プロパティインスペクタを開いて(ウィンドウ>プロパティ)、ラベルボックスに新しい値を入力することで、送信ボタンのラベルを変更できます。

ログインページの作成における次のステップは、入力されたユーザー名とパスワードが有効であることを検証するためにログインユーザーサーバービヘイビアを追加することです。

ユーザー名とパスワードの検証

ユーザーが入力したユーザー名とパスワードが有効であることを確認するために、ログインページにログインユーザーサーバービヘイビアを追加する必要があります。

ユーザーがログインページの送信ボタンをクリックすると、ログインユーザーサーバービヘイビアは、ユーザーが入力した値を登録ユーザーの値と比較します。値が一致する場合、サーバービヘイビアは1つのページ(通常はサイトのスタートアップスクリーン)を開きます。値が一致しない場合、サーバービヘイビアは別のページ(通常はログイン試行が失敗したことをユーザーに通知するページ)を開きます。

Server Behaviorsパネル(ウィンドウ > Server Behaviors)で、プラス(+)ボタンをクリックし、ポップアップメニューからUser Authentication > Log In Userを選択します。
訪問者がユーザー名とパスワードを入力するために使用するフォームとフォームオブジェクトを指定します。
(ColdFusion)該当する場合はユーザー名とパスワードを入力します。
登録されたすべてのユーザーのユーザー名とパスワードが含まれるデータベーステーブルと列を指定します。

サーバービヘイビアは、訪問者がログインページで入力したユーザー名とパスワードを、これらの列の値と比較します。

正常にログインできたときに開くページを指定します。

通常、サイトの「ようこそ」画面を指定します。

ログインに失敗したときに開くページを指定します。

指定されたページは通常、ログイン処理が失敗したことをユーザーに通知し、再試行を可能にします。

制限されたページにアクセスしようとした後でログインページに転送されたユーザーが、ログイン後にその制限されたページに戻るようにしたい場合は、「Go To Previous URL」オプションを選択します。

ユーザーが最初にログインせずに制限されたページを開いてサイトにアクセスしようとした場合、その制限されたページはユーザーをログインページに転送できます。ユーザーが正常にログインした後、ログインページは、最初にユーザーをログインページに転送した制限されたページにユーザーをリダイレクトします。

メモ

これらのページでRestrict Access To Pageサーバービヘイビアのダイアログボックスを完了する際は、「If Access Denied, Go To」ボックスでログインページを指定してください。

ユーザー名とパスワードのみに基づいてページへのアクセスを付与するか、認証レベルにも基づいてアクセスを付与するかを指定し、「OK」をクリックします。

訪問者が入力したユーザー名とパスワードが有効であることを確認するサーバービヘイビアがログインページに追加されます。