Registrasi dan verifikasi melalui email dengan PHP

di kutip dari syncrome.biz.id bahwa tutorial kali ini bagaimana cara nya untuk registrasi dan verifikasi melalui email dengan php.

Pernah mendaftar sebagai anggota di suaatu situs? Dimana situs tersebut mengirimkan link berupa kode acak ke email anda, isi pesannya biasanya ‘Apabila ingin mengaktifkan akun anda, silahkan klik link di bawah ini’. Itulah yang disebut dengan verifikasi alamat email yang sangat berguna untuuk mengetahui apakah email yang diinputkan pendaftar adalah email-emailan (email palsu) atau email beneran. kalau link tersebut di klik, maka pendaftar baru di nyatakan sah sebagai anggota di situs tersebut.

Daftar Isi [Sembunyikan]

1. Download PHP Mailer yang akan kita gunakan sebagai alat bantu kirim email

2. Buat tabel users untuk menyimpan data users yang telah terdaftar

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
CREATE TABLE `users` (
`id_users` int(11) NOT NULL,
`username` varchar(50) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`password` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`nama` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`email` varchar(200) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`no_hp` varchar(200) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`token` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`aktif` enum('1','0') COLLATE utf8mb4_unicode_ci DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
 
ALTER TABLE `users`
ADD PRIMARY KEY (`id_users`);
COMMIT;
ALTER TABLE `users`
MODIFY `id_users` int(11) NOT NULL AUTO_INCREMENT;
COMMIT;

3. Buat file koneksi.php untuk menghubungkan aplikasi dengan database

1
2
3
4
5
6
7
<?php
    $koneksi = mysqli_connect("localhost","root","","pendaftaran");
     
    if (mysqli_connect_errno()){
        echo "Koneksi database gagal : " . mysqli_connect_error();
    }
?>

4. Buat file login.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Mari Belajar Coding</title>
  <meta name="author" content="https://www.maribelajarcoding.com/">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <br>
  <div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4">
      <div class="panel panel-default">
          <div class="panel-heading" align="center">Login</div>
          <div class="panel-body">
            <?php
              session_start();
              //jika sudah login maka akan dialihkan ke home
               if (!empty($_SESSION['login'])) {
                    header("Location:index.php");
                  }                  
               include "koneksi.php";
              if (isset($_POST['login'])) {
                  $Username=$_POST['Username'];
                  $Password=$_POST['Password'];
                  //cek user terdaftar dan aktif
                   $sql_cek=mysqli_query($koneksi,"SELECT * FROM users WHERE username='".$Username."' AND password='".$Password."' AND aktif='1'") or die(mysqli_error($koneksi));
                   $r_cek=mysqli_fetch_array($sql_cek);
                   $jml_data=mysqli_num_rows($sql_cek);
                   if ($jml_data>0) {
                    //buat session login dan redirect ke halaman utama
                    $_SESSION['login']=md5($r_cek['username']);
                    $_SESSION['username']=$r_cek['username'];
                    $_SESSION['nama']=$r_cek['nama'];
                     header("Location:index.php");
                   }else{
                    //data tidak di temukan
                     echo '<div class="alert alert-warning">
                         Username dan Password anda salah!
                        </div>';
                   }
                }
 
            ?>
            <form class="form-horizontal" method="POST">
              <div class="form-group">
                <label class="control-label col-sm-3" for="Username">Username:</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" id="Username" name="Username">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-3" for="Password">Password:</label>
                <div class="col-sm-9">          
                  <input type="password" class="form-control" id="Password" name="Password">
                </div>
              </div>
              <div class="form-group">        
                <div class="col-sm-offset-3 col-sm-9">
                  <button type="submit" name="login" class="btn btn-primary btn-block">Login</button>
                </div>
              </div>
            </form>
            Tidak punya akun? <a href="register.php">Register</a>
          </div>
        </div>      
    </div>
  </div>
</div>
</body>
</html

5. Buat File register.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Mari Belajar Coding</title>
  <meta name="author" content="https://www.maribelajarcoding.com/">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <br>
  <div class="row">
    <div class="col-md-3"></div>
    <div class="col-md-6">
      <div class="panel panel-default">
          <div class="panel-heading" align="center">Daftar</div>
          <div class="panel-body">
            <?php
              include "koneksi.php";
              if (isset($_POST['daftar'])) {
                  //ambil data dari form   
                  $Username=$_POST['Username'];
                  $Password=$_POST['Password'];
                  $Nama=$_POST['Nama'];
                  $Email=$_POST['Email'];
                  $Telepon=$_POST['Telepon'];
                  //buat token
                  $token=hash('sha256', md5(date('Y-m-d'))) ;
                  //cek user terdaftar
                  $sql_cek=mysqli_query($koneksi,"SELECT * FROM users WHERE email='".$Email."'");
                  $r_cek=mysqli_num_rows($sql_cek);
                  if ($r_cek>0) {
                    echo '<div class="alert alert-warning">
                            Email anda sudah pernah terdaftar!
                          </div>';
                  }else{
                    //jika data kosong maka insert ke tabel;
                    //aktif =0 user belum aktif
                    $insert=mysqli_query($koneksi,"INSERT INTO users(username,password,nama,email,no_hp,token,aktif) VALUES('".$Username."','".$Password."','".$Nama."','".$Email."','".$Telepon."','".$token."','0')");
                    //include kirim email
                    include("mail.php");
 
                    if ($insert) {
                        echo '<div class="alert alert-success">
                            Pendaftaran anda berhasil, silahkan cek email anda untuk aktifasi. 
                            <a href="login.php">Login</a>
                          </div>';
                    }
 
                  }                  
              }
 
            ?>
            <form class="form-horizontal" method="POST">
              <div class="form-group">
                <label class="control-label col-sm-3" for="Username">Username:</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" id="Username" name="Username">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-3" for="Password">Password:</label>
                <div class="col-sm-9">          
                  <input type="password" class="form-control" id="Password" name="Password">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-3" for="Nama">Nama:</label>
                <div class="col-sm-9">          
                  <input type="text" class="form-control" id="Nama" name="Nama">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-3" for="Email">Email:</label>
                <div class="col-sm-9">          
                  <input type="text" class="form-control" id="Email" name="Email">
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-3" for="Telepon">Telepon:</label>
                <div class="col-sm-9">          
                  <input type="text" class="form-control" id="Telepon" name="Telepon">
                </div>
              </div>
              <div class="form-group">        
                <div class="col-sm-offset-3 col-sm-9">
                  <button type="submit" name="daftar" class="btn btn-primary btn-block">Daftar</button>
                </div>
              </div>
            </form>
           
          </div>
        </div>      
    </div>
  </div>
</div>
</body>
</html>

6. Buat file mail.php, file ini akan di aktifkan ketika user mendaftar di halaman register.php. Ganti username email dan password email yang akan kamu gunakan sebagai email pengirim.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;
require "vendor/autoload.php";
$mail = new PHPMailer(true);
$mail->SMTPDebug = 0;
$mail->isSMTP();
$mail->Host = 'smtp.gmail.com';
$mail->SMTPAuth = true;
//ganti dengan email dan password yang akan di gunakan sebagai email pengirim
$mail->Username = 'Emailpengirim@gmail.com';
$mail->Password = 'passwordPengirim';
$mail->SMTPSecure = 'ssl';
$mail->Port = 465;
//ganti dengan email yg akan di gunakan sebagai email pengirim
$mail->setFrom('Emailpengirim@gmail.com', 'Nama Pengirim');
$mail->addAddress($_POST['Email'], $_POST['Nama']);
$mail->isHTML(true);
$mail->Subject = "Aktivasi pendaftaran Member";
$mail->Body = "Selemat, anda berhasil membuat akun. Untuk mengaktifkan akun anda silahkan klik link dibawah ini.
 <a href='http://localhost/activation.php?t=".$token."'>http://localhost/activation.php?t=".$token."</a>  ";
$mail->send();
echo 'Message has been sent';

Setelah users melakukan pendaftaran, system akan mengirim aktivasi ke email. user sendiri tidak dapat login sebelum melakukan aktivasi dari email yang telah dikirim oleh system.

1. Buat file activation.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Mari Belajar Coding</title>
  <meta name="author" content="https://www.maribelajarcoding.com/">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container" align="center">
  <br>
    <?php
         include "koneksi.php";
         $token=$_GET['t'];
         $sql_cek=mysqli_query($koneksi,"SELECT * FROM users WHERE token='".$token."' and aktif='0'");
         $jml_data=mysqli_num_rows($sql_cek);
         if ($jml_data>0) {
             //update data users aktif
             mysqli_query($koneksi,"UPDATE users SET aktif='1' WHERE token='".$token."' and aktif='0'");
             echo '<div class="alert alert-success">
                        Akun anda sudah aktif, silahkan <a href="login.php">Login</a>
                        </div>';
         }else{
                    //data tidak di temukan
                     echo '<div class="alert alert-warning">
                        Invalid Token!
                        </div>';
                   }
    ?>
</div>
</body>
</html>

2. Buat file index.php untuk mengarahkan users yang telah berhasil login

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Mari Belajar Coding</title>
  <meta name="author" content="https://www.maribelajarcoding.com/">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<?php
  session_start();
  if (empty($_SESSION['login'])) {
    header("Location:login.php");
  }
?>
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">MariBelajarCoding</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>     
    </ul>
     <ul class="nav navbar-nav navbar-right">
      <li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span> Sign Out</a></li>
    </ul>
  </div>
</nav>
  
<div class="container">
  <h3>Selamat Datang, <?=$_SESSION['nama']?></h3>
 
</div>
</body>
</html>

Source Code : http://email-verifikasi.zip

Demo : https://syncrome.biz.id/email-verifikasi

Registrasi dan verifikasi melalui email dengan PHP

di kutip dari syncrome.biz.id bahwa tutorial kali ini bagaimana cara nya untuk registrasi dan verifikasi melalui email dengan php.

1. Download PHP Mailer yang akan kita gunakan sebagai alat bantu kirim email

2. Buat tabel users untuk menyimpan data users yang telah terdaftar

3. Buat file koneksi.php untuk menghubungkan aplikasi dengan database

4. Buat file login.php

5. Buat File register.php

6. Buat file mail.php, file ini akan di aktifkan ketika user mendaftar di halaman register.php. Ganti username email dan password email yang akan kamu gunakan sebagai email pengirim.

1. Buat file activation.php

2. Buat file index.php untuk mengarahkan users yang telah berhasil login

Tidak ada komentar:

Recent Posts

Follow Us

Popular Posts

Categories

About

Tags

Popular Posts

Registrasi dan verifikasi melalui email dengan PHP

di kutip dari syncrome.biz.id bahwa tutorial kali ini bagaimana cara nya untuk registrasi dan verifikasi melalui email dengan php.

1. Download PHP Mailer yang akan kita gunakan sebagai alat bantu kirim email

2. Buat tabel users untuk menyimpan data users yang telah terdaftar

3. Buat file koneksi.php untuk menghubungkan aplikasi dengan database

4. Buat file login.php

5. Buat File register.php

6. Buat file mail.php, file ini akan di aktifkan ketika user mendaftar di halaman register.php. Ganti username email dan password email yang akan kamu gunakan sebagai email pengirim.

1. Buat file activation.php

2. Buat file index.php untuk mengarahkan users yang telah berhasil login

You Might Also Like

Tidak ada komentar:

Recent Posts

Follow Us

Popular Posts

Categories

About

Tags

Popular Posts