PHPで会員登録＆ログイン機能を作成してみた

更新日 : 2023年9月25日

PHPを使って会員登録機能とログイン機能を実装しました。

重複登録防止の機能も追加しております。

参考にしていただけたら幸いです。

今回のテーマ

PHPとMySQLを使って会員登録機能を実装
PHPとMySQLを使ってログイン機能を実装

【迷ったらココ！】PHPが学べるプログラミングスクール3選

テックアカデミー	侍エンジニア	tech boost
講師は全員現役エンジニア週2回のマンツーマンメンタリング無料の転職サポートあり課題レビュー＆チャット質問し放題	累計指導45,000人＆転職成功率98% オーダーメイドカリキュラム対応無料の転職サポートあり専属マンツーマンレッスン方式	講師は全員現役エンジニアキャリア支援サービスを無料提供独自のポートフォリオ制作支援給付金で受講料金が最大70%OFF
公式サイト	公式サイト	公式サイト

当サイトではプログラミング学習やエンジニア転職に関する情報を発信しています。他の記事も合わせてご覧ください。

: PHPの本・参考書おすすめ12選をご紹介【レベル別・フレームワーク別で解説】
PHPを独学で勉強したい！なにか良い本は無いかな？ PHPのWebアプリケーション開発で挫折した...自分のレベルに合った参考書を知りたい！今回はこんな悩みを解決していきます。 PHPなどのプログラ ...
続きを見る

PHPで会員登録機能を作成
- ビジュアルの作成
- データの追加
PHPでログイン機能を作成
- ビジュアルの作成
- ログイン機能
まとめ：PHPで会員登録＆ログイン機能を作成してみた

PHPで会員登録機能を作成

まずは会員登録機能についてご説明します。

ビジュアルの作成

完成画面はこんなかんじ

<h1 style="text-align:center;margin-top: 2em;margin-bottom: 1em;" class="h1_log">初めての方はこちら</h1>
<form action="register.php" method="post" class="form_log">
     <input type="email" name="email" class="textbox un" placeholder="メールアドレス"><br>
     <input type="password" name="password" class="textbox pass" placeholder="パスワード"><br>
     <button type="submit" class="log_button">新規登録する</button>
     <p style="text-align:center;margin-top: 1.5em;">※パスワードは半角英数字をそれぞれ１文字以上含んだ、８文字以上で設定してください。</p>
</form>

<h1 style="text-align:center;margin-top: 2em;margin-bottom: 1em;" class="h1_log">初めての方はこちら</h1>

<button type="submit" class="log_button">新規登録する</button>

<p style="text-align:center;margin-top: 1.5em;">※パスワードは半角英数字をそれぞれ１文字以上含んだ、８文字以上で設定してください。</p>

</form>

ここでは新規会員登録機能を作成しますので上画像の下半分のビジュアルを作成しています。

まずHTMLコードでテキスト入力欄とボタンを作っていきます。

ここではフロントエンドの操作だけですのでPHPを使うこともないのでそんなに時間を掛けなくても実装できると思います。

※完成形ではCSSライブラリを使用しています。

データの追加

<?php
define('DSN', 'mysql:host=localhost;dbname=データベース名');
define('DB_USER', 'ユーザー名');
define('DB_PASS', 'データベースのパスワード');
?>

<?php

define('DSN', 'mysql:host=localhost;dbname=データベース名');

define('DB_USER', 'ユーザー名');

define('DB_PASS', 'データベースのパスワード');

続いてconfig.phpにデータベース接続に必要な情報を記載しておきます。

接続情報をこのファイルに書いておけば、それ以降はconfig.phpを参照するだけでデータベース接続をカンタンに済ませることが出来ます。

注意ポイント

データベース名とテーブル名を間違えないようにしましょう。

データベースの中にテーブルが複数存在するイメージです。

続いてデータベース接続情報を元にMySQLに接続し、入力してもらった情報を追加する処理を行います。

<?php
require_once('config.php');
//データベースへ接続、テーブルがない場合は作成
try {
  $pdo = new PDO(DSN, DB_USER, DB_PASS);
  $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  $pdo->exec("create table if not exists userDeta(
      id int not null auto_increment primary key,
      email varchar(255),
      password varchar(255),
      created timestamp not null default current_timestamp
    )");
} catch (Exception $e) {
  echo $e->getMessage() . PHP_EOL;
}
//メールアドレスのバリデーション
if (!$email = filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
  echo '入力された値が不正です。';
  return false;
}
//正規表現でパスワードをバリデーション
if (preg_match('/\A(?=.*?[a-z])(?=.*?\d)[a-z\d]{8,100}+\z/i', $_POST['password'])) {
  $password = password_hash($_POST['password'], PASSWORD_DEFAULT);
} else {
  echo 'パスワードは半角英数字をそれぞれ1文字以上含んだ8文字以上で設定してください。';
  return false;
}
//データベース内のメールアドレスを取得
$stmt = $pdo->prepare("select email from userDeta where email = ?");
$stmt->execute([$email]);
$row = $stmt->fetch(PDO::FETCH_ASSOC);
//データベース内のメールアドレスと重複していない場合、登録する。
if (!isset($row['email'])) {
  $stmt = $pdo->prepare("insert into userDeta(email, password) value(?, ?)");
  $stmt->execute([$email, $password]);
?>
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="shinjin.css">
<body id="log_body">
  <main class="main_log">
    <p>登録完了</p>
  <h1 style="text-align:center;margin-top: 0em;margin-bottom: 1em;" class="h1_log">ログインしてください</h1>
  <form action="login.php" method="post" class="form_log">
    <!--<label for="email" class="label">メールアドレス</label><br>-->
    <input type="email" name="email" class="textbox un" placeholder="メールアドレス"><br>
    <!--<label for="password" class="label">パスワード</label><br>-->
    <input type="password" name="password" class="textbox pass" placeholder="パスワード"><br>
    <button type="submit" class="log_button">ログインする</button>
  </form>
  <p align="center">戻るボタンや更新ボタンを押さないでください</p>
</body>
<?php
}else {
?>
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<body id="log_body">
  <main class="main_log">
  <p>既に登録されたメールアドレスです</p>
  <h1 style="text-align:center;margin-top: 0em;margin-bottom: 1em;" class="h1_log">初めての方はこちら</h1>
  <form action="register.php" method="post" class="form_log">
    <!--<label for="email" class="label">メールアドレス</label><br>-->
    <input type="email" name="email" class="textbox un" placeholder="メールアドレス"><br>
    <!--<label for="password" class="label">パスワード</label><br>-->
    <input type="password" name="password" class="textbox pass" placeholder="パスワード"><br>
    <button type="submit" class="log_button">新規登録する</button>
    <p style="text-align:center;margin-top: 1.5em;">※パスワードは半角英数字をそれぞれ１文字以上含んだ、８文字以上で設定してください。</p>
  </form>
</main>
</body>
<?php
return false;
}
?>

<?php

require_once('config.php');

//データベースへ接続、テーブルがない場合は作成

try {

$pdo = new PDO(DSN, DB_USER, DB_PASS);

$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

$pdo->exec("create table if not exists userDeta(

id int not null auto_increment primary key,

email varchar(255),

password varchar(255),

created timestamp not null default current_timestamp

)");

} catch (Exception $e) {

echo $e->getMessage() . PHP_EOL;

}

//メールアドレスのバリデーション

if (!$email = filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {

echo '入力された値が不正です。';

return false;

}

//正規表現でパスワードをバリデーション

if (preg_match('/\A(?=.*?[a-z])(?=.*?\d)[a-z\d]{8,100}+\z/i', $_POST['password'])) {

$password = password_hash($_POST['password'], PASSWORD_DEFAULT);

} else {

echo 'パスワードは半角英数字をそれぞれ1文字以上含んだ8文字以上で設定してください。';

return false;

}

//データベース内のメールアドレスを取得

$stmt = $pdo->prepare("select email from userDeta where email = ?");

$stmt->execute([$email]);

$row = $stmt->fetch(PDO::FETCH_ASSOC);

//データベース内のメールアドレスと重複していない場合、登録する。

if (!isset($row['email'])) {

$stmt = $pdo->prepare("insert into userDeta(email, password) value(?, ?)");

$stmt->execute([$email, $password]);

<h1 style="text-align:center;margin-top: 0em;margin-bottom: 1em;" class="h1_log">ログインしてください</h1>

<button type="submit" class="log_button">ログインする</button>

</form>

<p align="center">戻るボタンや更新ボタンを押さないでください</p>

</body>

<?php

}else {

<p>既に登録されたメールアドレスです</p>

<h1 style="text-align:center;margin-top: 0em;margin-bottom: 1em;" class="h1_log">初めての方はこちら</h1>

<button type="submit" class="log_button">新規登録する</button>

<p style="text-align:center;margin-top: 1.5em;">※パスワードは半角英数字をそれぞれ１文字以上含んだ、８文字以上で設定してください。</p>

</form>

</main>

</body>

<?php

return false;

}

PHPとHTMLを組み合わせたコードですので長いですが少しずつ解いていけばそんなに難しくありません。

1~15行目ではデータベース(MySQL)に接続して、メールアドレスやパスワードといった追加するデータを設定します。
データベースに接続できなかった場合はエラーメッセージが表示されます。

16~20行目では、入力されたメールアドレスのバリデーション処理。

21~27行目ではパスワードの正規表現を行っており、半角英数字を1文字以上含んだ8文字以上のパスワードを設定してもらうための処理です。
条件に合わないパスワードを設定した場合アラート文が表示されるようになっています。

28~36行目ではデータベース内のメールアドレスを取得して、重複していない場合のみデータを登録します。
データベースの登録にはinsert into構文を使います。
このコードはPHPでは頻繁に使用する言語ですのでぜひ覚えておきましょう。
PHPの構文はこれで完了です。

HTMLコードではメールアドレスを新しく登録する場合と既に登録されている場合とで処理を分けています。
（処理を分ける際はPHPのif文を使います）

37~52行目ではメールアドレスを新規登録する際に表示させる画面
56~72行目ではメールアドレスが重複している場合に表示させる画面
となっております。

PHPでログイン機能を作成

新規会員登録機能でデータベースにデータを追加できるようになったら、ログイン機能を実装していきます。

完成画面はこんなかんじ

ビジュアルの作成

<h1 style="text-align:center;margin-top: 0em;margin-bottom: 1em;" class="h1_log">ログインしてください</h1>
   <form action="login.php" method="post" class="form_log">
     <input type="email" name="email" class="textbox un" placeholder="メールアドレス"><br>
     <input type="password" name="password" class="textbox pass" placeholder="パスワード"><br>
     <button type="submit" class="log_button">ログインする</button>
   </form>

<h1 style="text-align:center;margin-top: 0em;margin-bottom: 1em;" class="h1_log">ログインしてください</h1>

<button type="submit" class="log_button">ログインする</button>

</form>

ここではログイン機能を作成しますので上画像の上半分のビジュアルを作成しています。

こちらに関してもHTMLでビジュアルを作成しているだけですので難易度は低めです。

ログイン機能

<?php
define('DSN', 'mysql:host=localhost;dbname=データベース名');
define('DB_USER', 'ユーザー名');
define('DB_PASS', 'データベースのパスワード');
?>

<?php

define('DSN', 'mysql:host=localhost;dbname=データベース名');

define('DB_USER', 'ユーザー名');

define('DB_PASS', 'データベースのパスワード');

ログイン機能でもconfig.phpを使用していきます。

新規会員登録機能のときに作成したもので問題ありません。

<?php

require_once('config.php');

session_start();
//メールアドレスのバリデーション
if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
  echo '入力された値が不正です。';
  return false;
}
//DB内でPOSTされたメールアドレスを検索
try {
  $pdo = new PDO(DSN, DB_USER, DB_PASS);
  $stmt = $pdo->prepare('select * from userDeta where email = ?');
  $stmt->execute([$_POST['email']]);
  $row = $stmt->fetch(PDO::FETCH_ASSOC);
} catch (\Exception $e) {
  echo $e->getMessage() . PHP_EOL;
}
//emailがDB内に存在しているか確認
if (!isset($row['email'])) {
  echo 'メールアドレス又はパスワードが間違っています。';
  return false;
}
//パスワード確認後sessionにメールアドレスを渡す
if (password_verify($_POST['password'], $row['password'])) {
  session_regenerate_id(true); //session_idを新しく生成し、置き換える
  $_SESSION['EMAIL'] = $row['email'];
?>
<script type="text/javascript">
  history.go(-3);
</script>
<?php
} else {
  echo 'メールアドレス又はパスワードが間違っています。';
  return false;
}

<?php

require_once('config.php');

session_start();

//メールアドレスのバリデーション

if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {

echo '入力された値が不正です。';

return false;

}

//DB内でPOSTされたメールアドレスを検索

try {

$pdo = new PDO(DSN, DB_USER, DB_PASS);

$stmt = $pdo->prepare('select * from userDeta where email = ?');

$stmt->execute([$_POST['email']]);

$row = $stmt->fetch(PDO::FETCH_ASSOC);

} catch (\Exception $e) {

echo $e->getMessage() . PHP_EOL;

}

//emailがDB内に存在しているか確認

if (!isset($row['email'])) {

echo 'メールアドレス又はパスワードが間違っています。';

return false;

}

//パスワード確認後sessionにメールアドレスを渡す

if (password_verify($_POST['password'], $row['password'])) {

session_regenerate_id(true); //session_idを新しく生成し、置き換える

$_SESSION['EMAIL'] = $row['email'];

history.go(-3);

</script>

<?php

} else {

echo 'メールアドレス又はパスワードが間違っています。';

return false;

}

こちらに関してもデータベースとの接続によってログインをしていきます。

1~10行目ではconfig.phpを使ってデータベース接続をしています。
もし接続に失敗した場合はアラート文が表示されます。

11~19行目ではPHPを使って入力されたメールアドレスがデータベース内に存在するか検索しています。
検索する際に使用しているselece from where構文はSQLで頻繁に使われる表現ですので覚えておきましょう。

20~38行目では入力したメールアドレス・パスワードが間違っているかに応じて処理を分けています。

31~33行目では唯一JavaScriptを使用しています。
history.go(-3)とは3つ前のページに戻る処理を意味しています。

つまりログインが完了した状態でログインする前のページに移動する処理になります。

必要のない方は削除しても大丈夫です。

まとめ：PHPで会員登録＆ログイン機能を作成してみた

PHPではフォームを使って会員登録機能やログイン機能を実装できます。

みなさんもぜひ実装してみてください！

なお、MySQLなどのデータベースを用いたコードを実装するにはVPSサーバー構築や専用ドメインを取得する必要があります。

私は普段VPSサーバーはさくらのVPSを、専用ドメインはお名前.com愛用しています。

よかったら下のリンクからご利用してみてください！

PHPの学習でつまづいた時、独学に限界を感じた時はこちらの記事もオススメです。

: PHPが学べるプログラミングスクールおすすめ8選！無料のスクールも解説
PHPを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... PHPを学びたいけどまず何から始めたら良いのか分からない...プログラミングスクールでプロ講師から ...
続きを見る

: SQLが学べるプログラミングスクールおすすめ8選【2024年最新版】
SQLを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... SQLを学びたいけどまず何から始めたら良いのか分からない...プログラミングスクールでプロ講師から ...
続きを見る

: HTML/CSSが学べるプログラミングスクールおすすめ10選【2024年最新版】
HTML/CSSを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... HTML/CSSを学びたいけどまず何から始めたら良いのか分からない...プログラミングス ...
続きを見る

: 無料体験できるプログラミングスクールおすすめ10選を解説
プログラミングスクールって思ったより高いからなかなか決められない... 無料体験できるプログラミングスクールを知りたい！せっかくプログラミングスクールに入るなら、無料体験に参加して自分に合うスクール ...
続きを見る

wagtechblog

本サイトの運営者・管理人。慶應義塾大学環境情報学部卒。人材系のWeb系メガベンチャー企業に新卒入社。兼業でフリーランスとしてiOSアプリ開発、Web開発、Webメディア運営、SEOマーケティング等を行う。IT人材系のベンチャー企業でiOSエンジニア、Web系メガベンチャー企業でWebアプリケーションエンジニア、士業のスタートアップ企業でフロントエンドエンジニア、Web系メガベンチャー企業でプロダクトマネージャー兼SEOディレクター、ゲーム系のスタートアップ企業で最高技術責任者(CTO)、学生向けプログラミングスクールで講師の勤務経験あり(インターンを含む)。好きなプログラミング言語はSwiftとPythonとPHPとRubyとJavaScript。侍エンジニア塾元受講生。エンジニアやプログラミングスクールでの体験・経験に基づいた記事を執筆。
保有資格：ITパスポート / 基本情報技術者試験 / TOEIC730点 / 日商簿記3級

-HTML, PHP

合わせて読みたい：関連記事はこちら

: テックアカデミーのHTML/CSSトレーニングってどうなの？【料金やカリキュラムをご紹介】
テックアカデミーのHTML/CSSトレーニングってどうなの？特徴や料金について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激に高まってきており、フリーランス ...
HTML TechAcademy

: 【JavaScript】入力した文字を先頭から１文字ずつ表示させる方法
今回はHTMLとJavaScriptを使って「入力した文字を先頭から１文字ずつ表示させる方法」をご紹介していきます。文章だと分かりにくいので画像で図解すると次のようになります。 https://te ...
HTML JavaScript

: HTML&CSS&JavaScriptで３つのタブを作る方法を解説
今回はHTMLとCSSとJavaScriptを使って３つのタブを作っていくコードを解説します。【迷ったらココ！】HTMLやJavaScriptが学べるプログラミングスクール3選テックアカデミーデ ...
HTML JavaScript

: HTML&JavaScriptを使って「戻る」「進む」「更新」ボタンを作成する方法
今回はHTMLとJavaScriptを使って「戻るボタン」「進むボタン」「更新ボタン」を作成する方法をご紹介します。どのボタンもページ遷移の操作には欠かせない重要な要素です。一見すると難しそうな操 ...
HTML JavaScript

: HTMLとJavaScriptで地図を表示させる方法【OpenStreetMap】
HTMLとJavaScriptで、ウェブサイトにマップを表示させたいと考えたことはありませんか？実はウェブサイト内にマップを表示させるのは非常に簡単です。そこで今回は実際にOpenStreetMa ...
HTML JavaScript

: テックアカデミーのPHP/Laravelコースの評判・口コミ【特徴や料金もご紹介】
テックアカデミーのPHP/Laravelコースの評判・口コミってどうなの？特徴や料金について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激に高まってきており ...
PHP TechAcademy

: Ruby on RailsとLaravelはどっちがおすすめ？【違いや求人数を比較】
Ruby on RailsとLaravelだったらどっちを使えば良いのかな？両方の特徴や違いを詳しく知りたい！今回はこんな疑問にお答えしていきます。エンジニアにとってWebサービスの開発に欠かせな ...
PHP Ruby

: 【PHP】MySQLにデータを保存するフォームを作成してみた
MySQLにデータを保存するフォームをPHPとHTMLで作成しました。重複投稿防止の機能も追加しております。参考にしていただけたら幸いです。今回のテーマ PHPを使ってMySQLにデータを追加す ...
HTML PHP

: テックアカデミーのはじめてのプログラミングコースの評判・口コミ【料金や特徴をご紹介】
テックアカデミーのはじめてのプログラミングコースって稼げる？特徴や料金、評判について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激に高まってきており、フリー ...
HTML TechAcademy

: HTML/CSSが学べるプログラミングスクールおすすめ10選【2024年最新版】
HTML/CSSを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... HTML/CSSを学びたいけどまず何から始めたら良いのか分からない...プログラミングス ...
HTML プログラミングスクール

: Laravelが学べるプログラミングスクールおすすめ7選を解説
Laravelを学習して挫折したからプログラミングスクールを受講したい！でもどのスクールが良いんだろう... Laravelを学びたいけどまず何から始めたら良いのか分からない...プログラミングスクー ...
PHP プログラミングスクール

: CodeCampのWebマスターコースってどうなの？【特徴や料金を徹底解説】
CodeCampのWebマスターコースってどうなの？特徴や料金、評判について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激に高まってきており、フリーランスや ...
CodeCamp PHP

: PHPが学べるプログラミングスクールおすすめ8選！無料のスクールも解説
PHPを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... PHPを学びたいけどまず何から始めたら良いのか分からない...プログラミングスクールでプロ講師から ...
PHP プログラミングスクール

: デイトラのWeb制作コースの評判・口コミ【副業や転職の稼ぎ方も解説】
デイトラのWeb制作コースの評判って悪い？口コミや稼ぎ方について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激に高まってきており、フリーランスや転職といった ...
PHP デイトラ