Tutorial Login Sistem Pada Android [Cordova]

Halo, sebelumnya sudah menginstal beberapa aplikasi yang dibutuhkan untuk membuat aplikasi android. Sekarang kita akan coba praktekkan beberapa fungsi yang mungkin dibutuhkan di aplikasi android yang kamu buat nanti.

Sekarang kita akan mencoba membuat fungsi login pada android. Pada dasarnya sih fungsi login pada android itu sama dengan fungsi login pada aplikasi berbasis web. Itu karena kita membuat aplikasi android menggunakan HTML5+Javascript.

Pertama, buat tabel di database untuk login. kita akan menggunakan tabel yang sama seperti pada tutorial membuat fungsi register android. 

Kedua, form loginnya kita buat sama dengan tutorial sebelumnya.

<div class="formarea" style="margin-top:30px;border:1px solid #ddd; padding:20px;width:200px;">
    <h3>Register</h3>
    <div class="form-row">
        <input type="text" id="email" class="text-input--underbar width-full" placeholder="Email" value="" autocomplete="off">
    </div>
    <div class="form-row">
        <input type="password" id="password" class="text-input--underbar width-full" placeholder="Password" value="" autocomplete="off">
    </div>
    <div class="form-row">
        <input type="submit" name="submit" id="login" value="Login">
    </div>
</div> 

Ketiga, buat fungsi login dari javascript

$(document).ready(function(){
    $("#login").click(function(){
var email=$("#email").val();
var password=$("#password").val();
var dataString="email="+email+"&password="+password+"&login=";

if($.trim(email).length>0 & $.trim(password).length>0)
{
$.ajax({
    type: "POST",
    url: "http://localhost:8080/belajar-android/login.php",
    data: dataString,
    crossDomain: true,
    cache: false,
    success: function(data){
        console.log(data);
        var myArray = JSON.parse(data);
        if(myArray!=0)
        {
            alert("Login success");
            //tambahkan fungsi lainnya disini, terserah!!
        } else if(myArray==0){
            alert("Login error");
        }
        }
});
} else {
    alert("Form kosong");
}return false;
    });
});

Penjelasan Kode:
var email=$("#email").val(); kita akan mengambil value dari form dengan ID #email dan dimasukkan ke dalam variabel email
$.trim(email).length>0 mengecek apakah variabel email kosong atau tidak
dataString adalah variabel yang berisi data yang akan dikirim ke sisi server (login.php).

Setelah itu buat file login.php, lokasi file login.php lihat kode berwarna merah di atas.

<?php
 include "db.php";
 $email=$_POST['email'];
 $password=md5($_POST['password']);
 $query = "SELECT * FROM tb_login WHERE pass='$password'";
 $data = $con->query($query);
 $results = array();
 while ($r = mysqli_fetch_array($data,MYSQL_ASSOC)) {
  $results[] = $r;
 }
 echo json_encode($results);
 mysqli_close($con);
?>

Selesai, silahkan dicoba! apabila ada eror dengan kode di atas, silahkan komen :)

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

About taufiq