Login sederhana menggunakan MySQL database

2
  • assal0le's avatar
    assal0le
    published on 19 Apr, 2014 at 04:34
    2 favourites

Tagged

Stats

11,910 visits, 12,692 views

Tools

Share

Translations

Create a translation

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Pertama-tama pastikan bahwa untuk membaca tutorial ini nte memiliki beberapa pengetahuan dasar dengan mysql (alias database, nte tahu apa phpmyadmin dan telah menggunakan semacam manajemen database) dan bahwa nte memiliki webserver terinstal secara lokal atau di suatu tempat di internet.

Ane akan membuat tabel database yang akan berisi informasi anggota ane.

Ane akan menggunakan script server-side untuk dapat terkoneksi dengan database, dalam hal ini php karena lebih umum tersedia dalam sistem linux

Ane akan menggunakan plugin AJAX untuk mengakses server-side script dalam bentuk permintaan GET.

Pertama untuk membuat tabel, Nte akan perlu menjalankan ini pada Program manajemen mysql seperti phpmyadmin.

    CREATE TABLE `mydatabase`.`members` (
    `id` int( 11 ) NOT NULL AUTO_INCREMENT ,
    `username` varchar( 30 ) NOT NULL ,
    `email` varchar( 50 ) NOT NULL ,
    `password` varchar( 128 ) NOT NULL ,
    PRIMARY KEY ( `id` ) ,
    UNIQUE KEY `username` ( `username` )
    ) ENGINE = MYISAM DEFAULT CHARSET = utf8;

Sekarang kita memiliki tabel yang menyimpan informasi anggota ane. Harap dicatat bahwa ane tidak menggunakan enkripsi untuk menjaga tutorial ini tetap sederhana. Tapi, sangat dianjurkan untuk mengenkripsi password jika nte akan menggunakan ini dalam lingkungan lebih lanjut nantinya.

Sekarang mari tambah beberapa informasi Login.

    INSERT INTO `members`(`username`, `email`, `password`) VALUES ('myuser','myemail@domain.com','mypassword')

Untuk mengakses database ane akan menggunakan script php yang akan ane sebut dengan plugin AJAX.

Upload script berikut dan simpan sebagai login.php di server web nte.

    <?php
    $username = $_GET['fname'];
    $password = $_GET['fpass'];
    $con=mysqli_connect("mysql","database_user","database_password","mydatabase");
    // Check connection
    if (mysqli_connect_errno())
      {
      echo "Failed to connect to MySQL: " . mysqli_connect_error();
      }
    $qz = "SELECT id FROM members where username='".$username."' and password='".$password."'" ; 
    $qz = str_replace("\'","",$qz); 
    $result = mysqli_query($con,$qz);
    while($row = mysqli_fetch_array($result))
      {
      echo $row['id'];
      }
    mysqli_close($con);
    ?>

Di baris keempat ada connection information

    [i]$con=mysqli_connect("mysql","database_user","database_password","mydatabase");[/i]

mysql is ussually localhost in most web servers

Udalah sesuai database nte.

Jika nte memiliki masalah mengakses server web nte, coba tambahkan di baris pertama

header('Access-Control-Allow-Origin: *');

Sehinga jadi seperti ini: 

    <?php header('Access-Control-Allow-Origin: *');

Sekarang kita ke Construct 2

Kita butuh menambahkan 3 global variables di project kita

Username (text)

Password (text)

UserID (number)

Sekarang tambahkanlah 2 "Text Box" plugins di layout kita

Ganti namanya dengan Username and Password

Juga tambahkan sebuah "button" untuk authentication event.

Ganti nama button ini dengan Login.

Sekarang untuk mengakses php script kita, Kita akan menggunakan "AJAX" plugin. Maka tambahkan plugin ini ke dalam project kita.

Untuk membuat pengguna harus mengisi sesuatu sebelum mengklik Login kita akan mengatur tombol Login propertiesnya dengan disable.

Pertama yang harus dilakukan adalah dengan menggunakan Text Box untuk mengisi variabel global kita.

Maka tambahkan event untuk setiap Text box saat berubah:

event Username On text Changed

action System Set Username to Username.Text

Untuk melakukan pengecekan saat pengguna mengisi Text Box, kita dapat menambahkan event untuk memeriksa apakah setiap dari Text Box itu sudah terisi atau kosong.

Jadi menambahkan event seperti ini:

System Username = ""

or

System Password = ""

action

Set Login Disabled

Sekarang pengguna tidak dapat mengklik tombol Login kecuali dua variabel telah terisi.

Sekarang tambahkan event lain untuk mengaktifkan tombol Login:

event else

action Set Login Enabled

Sekarang kita perlu menambahkan action AJAX untuk mendapatkan mengkonfirmasi login yang disubmit. Ane akan menggunakan tombol Login seperti ini:

event Login On clicked

action AJAX Request Tag "Login" URL "http://mydomain.com/login.php?fname='"&Username&"'&fpass='"&Password&"'"

Ubahlah URL nya sesuai lokasi file php nte.

Tambahkan juga ini:

event

AJAX on "Login" Completed

action

System Set UserID to AJAX.Lastdata

dan ini:

event

System UserID>0

System Trigger Once

action

Login Destroy

Password Destroy

Username Destroy

Dan sekarang kita memiliki UserID didalam database kita.

Lembar event Nte akan terlihat seperti ini

Semoga sukses :-)

  • 0 Comments

  • Order by
Want to leave a comment? Login or Register an account!