Translations
- Original English (US)
- French
- Portugese (Brazillian)
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','','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 "//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 :-)