#3 로그인 정보 확인

#2의 로그인 HTML페이지 소스코드에서 H2태그 아래에 있는 ul태그 안에
form 태그를 추가한다.

Form 태그 삽입 (/var/www/html/index.html)

      <ul>
        <form id="login" method="post" action="/php.php">
          <li>
            <input
              required
              id="userid"
              type="text"
              placeholder="아이디"
              name="userid"
            />
          </li>
          <li>
            <input
              required
              id="userpw"
              type="password"
              placeholder="비밀번호"
              minlength="10"
              name="userpw"
            />
          </li>
          <li>
            <input type="checkbox" id="chk_id" name="chk_id" /><label
              for="chk_id"
              >아이디저장</label
            >
          </li>
          <li><input type="submit" value="로그인" /></li>
        </form>
      </ul>

추가한 Form태그에 전달된 입력 값을 동일한 경로 php.php 로 전달되는지 확인해본다.

php.php (/var/www/html/php.php)

POST 형식으로 전달된 값을 각자 변수 값으로 저장되는지 확인해본다.

<?php
$userid = $_POST[userid];
$userpw = $_POST[userpw];
echo "ID : ".$userid ;
echo "<br/>";
echo "PW : ".$userpw;
?>

다시 index.html 접속하여 ID / PW 를 입력해보자
입력 값 ID : test / PW : 1234567890

로그인 시 입력된 값을 그대로 변수로 저장되어 잘 전달되는 것을 확인하였다.

회원DB 만들기

다음은 전달된 값이 회원DB에 저장된 회원 정보인지 확인하는 과정을 만들어보자.

phpmyadmin 에 접속하여 회원DB(login)를 생성하고 회원정보를 입력한다.
이번엔 2개의 컬럼만을 가진 간단한 ID/PW만 가지고 있는 테이블(users)을 구성하여 로그인 기능을 만들어보자.

이제 로그인 시 회원테이블을 관리하기 위한 접속 계정을 생성한다.

USE login;
CREATE user 'ID'@loaclhost identified by 'PASSWORD';
GRANT ALL PRIVILEGES on login.* TO 'ID'@localhost;

로그인 결과 창 출력(/var/www/html/php.php)

로그인 정보를 확인하고 회원일 경우 회원명과 함께 hello 문자를 보여주고
아닐 경우 회원이 아닌 No user 문자를 보여주고 로그인 창 링크를 걸어둔다.

<?php
$userid = $_POST[userid];
$userpw = $_POST[userpw];

$db_conn = mysqli_connect("127.0.0.1","ID","PASSWORD","login");

if(!$db_conn)
{
        echo mysqli_connect_error();

        exit();
}
$query = "select userid from users where userid='".$userid."' and userpw='".$userpw."'";

$result = $db_conn->query($query);

if($result->num_rows > 0 ){
        while($row = $result->fetch_assoc())
        {
                echo $row["userid"]."  hello!";
        }
}else{
        echo " No Users!";
        echo "<br/>";
        echo " <a href='index.html'> Come back! </a>";
}
$db_conn->close();

?>