PHP ログイン・ログアウト機能

13544 ワード
PHP セッション ログイン Webアプリケーション ログアウト PHP テキストリンク

フルスクラッチPHPでのログイン機能のやり方

DBとの連携でのシンプルなログイン、ログアウト
事前にMySQLにユーザー名とログイン用のメールアドレスとパスワードは登録済み
セキュリティー対策は無し

login_form.php
<?php
session_start();
?>

<!DOCTYPE html>
<html>
<head>
<LINK rel="stylesheet" href="index.css">
<title>ログイン入力</title>
</head>
<body>
<h1>
<font size='5'>ログインページ</font>
</h1>

<?php if (isset($_SESSION['id'])) : ?>

<p>
<font size='5'>ようこそ</font>
</p>
<p><?php echo $_SESSION['name']; ?>さん</p>
<p><a href='logout.php'>ログアウト</a></p>

<?php else : ?>

<form action='login.php' method='post'>
<p>メールアドレス</p>
<input type='text' name='mail'>
<p>パスワード</p>
<input type='text' name='pass'>
</br>
<input class="btn" type='submit' value='ログイン'>
</form>

<?php endif; ?>

</body>
</html>
index.css
input {
  width: 200px;
  padding: 5px;
  font-size: 18px;
  border: 2px solid #a9a9a9; 
}

.btn{
    background-color: #a9a9a9;
    margin-top: 30px;
    width: 210px;
    padding: 5px;
    border-radius: 3px;
    transition: .3s ease-out;
  }

シンプルなログインフォームの完成

login.php
<?php
session_start();
$mysql    = 'mysql:host=localhost;dbname=データベース名;charset=utf8';
$user     = 'ユーザー名';
$passwoad = 'パスワード';

$mail = $_POST['mail'];
$pass = $_POST['pass'];

if (empty($mail) || empty($pass)) {
    $output = '入力してください';
} else {
    try {
        $db     = new PDO($mysql, $user, $passwoad);
        $select = "SELECT * FROM members WHERE mail = '$mail' AND pass = '$pass'";
        $res    = $db->query($select);
        $res->execute();
    } catch (PDOException $e) {
        echo '接続エラー: ' . $e->getMessage();
    }
    if ($res->rowCount() < 1) {
        $output = 'ログインできませんでした';
    } else {
        $row = $res->fetch();
        $_SESSION['id']   = $row['id'];
        $_SESSION['name'] = $row['name'];
        $_SESSION['mail'] = $row['mail'];
        $output = 'ログインできました';
    }
}
?>

<!DOCTYPE html>
<html>
<head>
<title>ログイン</title>
</head>
<body>
<h1>
<font size='5'>ログイン情報確認</font>
</h1>
<p><?php echo $output; ?></p>

<?php if (!isset($_SESSION['name'])) : ?>

<p><a href='login_form.php'>ログインページへ戻る</a></p>

<?php endif; ?>

</body>
</html>

入力に不備があると

データベースに登録しているメールアドレス、パスワードが一致した場合

ログインページに再び戻ると

logout.php
<?php
session_start();
$_SESSION = array();
session_destroy();
?>

<!DOCTYPE html>
<html>
<head>
<title>ログアウト</title>
</head>
<body>
<h1>
<font size='5'>ログアウトしました</font>
</h1>
<p><a href='login_form.php'>ログインページに戻る</a></p>
</body>
</html>

ログアウトを押すと