Jika anda mempunyai website yang di dalamnya terdapat kurs mata uang asing, anda tidak bisa menginputkan data kurs mata uang secara manual. Hal ini karena nilai kurs mata uang asing akan selalu berubah (di update) setiap waktu. Agar konten kurs mata uang dapat berjalan secara real time, Anda dapat menggunakan pihak ketiga melalui web service via api, namun biasanya berbayar. Jika website yang sedang kita bangun merupakan website yang masih sederhana, kita dapat menggunakan teknik grabbing. Teknik ini digunakan untuk mengambil sebagian konten website lain, kemudian menempelkannya pada halaman website kita. Konten tersebut dapat terdiri dari satu atau beberapa buah elemen HTML yang biasanya berbentuk table.

Teknik grabbing dapat dilakukan dengan menggunakan cURL pada PHP. cURL sendiri kepanjangan dari client URL. cURL merupakan library dari PHP untuk melakukan proses pentransferan data baik berupa HTTP, HTTPS, FTP dan lainnya. Metode pengiriman data pada cURL menggunakan HTTP GET serta HTTP POST. Teknik grabbing dengan menggunakan cURL memiliki keuntungan, kita dapat mengambil potongan konten tertentu suatu website untuk dimasukkan ke dalam website kita.

Setting cURL Pada Localhost Server

Untuk menggunakan cURL, hal pertama yang harus dilakukan adalah memastikan posisi settingan cURL pada server lokal dalam posisi aktif. Server localhost sendiri digunakan saat script masih dalam proses pengujian dan belum dijalankan pada server online. Jika sudah pada server online, cURL sudah dalam posisi aktif dan tidak perlu melakukan setting ulang lagi.

Proses pengaturan cURL pada wampserver, dilakukan dengan merubah isi dari file php.ini, File ini terletak pada folder wamp → bin → php → php_version → php.ini Kemudian tanda semicolon (;) pada ;extension=php_curl.dll dihilangkan agar cURL berada dalam posisi aktif. Bagi yang menggunakan xampp sebagai localserver, file php.ini terletak pada direktori C:\xampp\php\php.ini

Jika Anda menggunakan online host, maka penggunaan cURL dapat berjalan baik tanpa harus melakukan pengaturan pada sisi server.

Mengambil Konten Website Lain (Grabbing)

cURL dapat mengambil konten suatu website sebagian ataupun secara utuh. Misalkan sebagai contoh, di sini saya ingin mengambil sebagian konten website pada url "https://kurs.dollar.web.id/bank.php/?/@bca". Website tersebut merupakan situs yang menyajikan data tentang kurs valuta asing dari berbagai bank. Proses pengambilan data pada web tersebut diperlukan fungsi cURL dalam membaca data kemudian menyajikan kembali dalam bentuk HTML.

Fungsi cURL untuk melihat konten URL adalah sebagai berikut :

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

<?php
function get_web_page( $url )
{
   $options = array(
     CURLOPT_RETURNTRANSFER => true,
     CURLOPT_HEADER => false,
     CURLOPT_FOLLOWLOCATION => true,
     CURLOPT_ENCODING => "",
     CURLOPT_USERAGENT => "spider",
     CURLOPT_AUTOREFERER => true,
     CURLOPT_CONNECTTIMEOUT => 120,
     CURLOPT_TIMEOUT => 120,
     CURLOPT_MAXREDIRS => 10,
     CURLOPT_SSL_VERIFYPEER => false
   );
   $ch = curl_init( $url );
   curl_setopt_array( $ch, $options );
   $content = curl_exec( $ch );
   $err = curl_errno( $ch );
   $errmsg = curl_error( $ch );
   $header = curl_getinfo( $ch );
   curl_close( $ch );
   return $content;
}
$code = get_web_page("https://kurs.dollar.web.id/bank.php/?/@bca");
echo $code;
?>

Jika dijalankan akan menghasilkan :

Metode pengambilan data kurs valuta asing dapat dilakukan dengan menganalisa komposisi element tag HTML penyusun web tersebut. Untuk itu, kita perlu menggunakan source code situs tersebut. Caranya dengan melakukan klik kanan pada halaman tersebut kemudian pilih View Page Source. Dan jika ditelusuri akan terlihat suatu table dalam menyajikan data kurs valuta asing tersebut.

Pada tampilan gambar di atas, kurs valuta asing disajikan dalam bentuk element tag <table>. Tepatnya terletak antara <table cellspacing='0'> dan </table>. Setelah diketahui HTML element penyusunnya, maka data yang diinginkan dapat segera diambil. Pengambilan konten di antara <table cellspacing='0'> dan </table> tersebut diperlukan fungsi PHP explode(). Fungsi ini akan menghasilkan data berupa array().

1
2
3
4
5
6
7

<?php
   $code = get_web_page("https://kurs.dollar.web.id/bank.php/?/@bca");
   $pecah = explode("<table cellspacing='0'>", $code);
   $final_table = explode("</table>", $pecah[1]);
   $data = $final_table[0];
   echo $data;
?>

Jika diload akan menghasilkan tampilan data mentah sebagai berikut :

Hal terakhir yang dilakukan adalah melakukan modifikasi ulang tampilan karena tampilannya masih dalam bentuk data mentah. Penataan tampilan data dapat menggunakan bantuan CSS dengan lebih fokus pada element tag <table>. Agar table dapat dibaca dengan baik, table perlu diberikan border garis tepi, warna depan, warna depan serta memberi efek table strip atau belang-belang.

1
2
3
4
5

table {text-align:center; border:solid 1px #af0069;}
th {background-color:#c70039; color:#fff;}
tr, td {width:110px; height:38px;}
tr:nth-child(odd) {background:#e6b566;}
tr:nth-child(even) {background:#e8e9a1;}

Berikut kode penuh, cara mengambil konten website dengan teknik grabbing :

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

<!DOCTYPE html>
<html>
<head>
<title>Grab Konten Website Lain Dengan CURL</title>
<style>
   table {text-align:center; border:solid 1px #af0069;}
   th {background-color:#c70039; color:#fff;}
   tr, td {width:110px; height:38px;}
   tr:nth-child(odd) {background:#e6b566;}
   tr:nth-child(even) {background:#e8e9a1;}
</style>
</head>
<body>
<?php
function get_web_page($url)
{
   $options = array(
     CURLOPT_RETURNTRANSFER => true,
     CURLOPT_HEADER => false,
     CURLOPT_FOLLOWLOCATION => true,
     CURLOPT_ENCODING => "",
     CURLOPT_USERAGENT => "spider",
     CURLOPT_AUTOREFERER => true,
     CURLOPT_CONNECTTIMEOUT => 120,
     CURLOPT_TIMEOUT => 120,
     CURLOPT_MAXREDIRS => 10,
     CURLOPT_SSL_VERIFYPEER => false
   );
   $ch = curl_init( $url );
   curl_setopt_array( $ch, $options );
   $content = curl_exec( $ch );
   $err = curl_errno( $ch );
   $errmsg = curl_error( $ch );
   $header = curl_getinfo( $ch );
   curl_close( $ch );
   return $content;
}
$code = get_web_page("https://kurs.dollar.web.id/bank.php/?/@bca");
$pecah = explode("<table cellspacing='0'>", $code);
$final_table = explode("</table>", $pecah[1]);
$data = $final_table[0];
echo "<table>";
echo $data;
echo "</table>";
?>
</body>
</html>

Jika dijalankan akan menghasilkan tampilan :

03 Sept 2022   1   5.940

Kategori : html - css - php - tech