L Shortener atau pemendek URL merupakan situs yang memberikan layanan untuk memendekkan alamat URL yang panjaaaang menjadi pendek. Contohny...
Mendaftar di Bit.ly untuk mendapatkan API Key
API atau Application Programming Interface merupakan suatu program (software) yang menghubungkan antara satu aplikasi dengan aplikasi (software) lainnya. Dengan adanya API kita dapat membuat aplikasi yang baru dengan memanfaatkan aplikasi yang sudah ada tanpa perlu membangun program dari awal. APImerupakan penerapan dari konsep Web Services. Dalam kaitannya dengan URL Shortener, bit.ly merupakan salah satu situs yang menyediakan API sehingga memungkinkan kita untuk membuat aplikasi pemendek URL kita sendiri tanpa harus dipusingkan dengan bagaimana proses programnya. Kita cukup menggunakannya saja seperti contoh pada tutorial ini.
Untuk dapat menggunakan dan mengakses API dari suatu layanan, umumnya kita harus memiliki API key, mirip seperti password hanya memiliki kombinasi yang lebih rumit dan biasanya dihasilkan secara otomatis oleh program tertentu (kita tidak dapat menentukan sendiri). Untuk mendapatkan API key dari bit.ly, kita harusmendaftar terlebih dahulu. Pendaftaran di bit.ly gratis dan tidak rumit, hanya cukup memasukkan username, email dan password. Setelah berhasil mendaftar, kita dapat login ke bit.ly serta dapat mengakses API key kita di bagian menu “Account”. Pada dasarnya API key berfungsi seperti layaknya password, jadi jangan dishare dengan orang lain.
Setelah kita memiliki API key maka kita sudah dapat menggunakannya untuk membuat aplikasi kita sendiri.
Membuat Program
Kita akan merancang contoh program sesederhana mungkin. Di dalam contoh program akan ditampilkan sebuah form yang digunakan untuk menginput alamat URL asli. Selanjutnya tersedia suatu tombol dimana saat diklik, program akan mengirimkan alamat URL yang diinputkan melalui API dari bil.ly. Hasil respon dari API bit.ly akan diambil dan ditampilkan di program (layar).
Berikut ini program lengkapnya.
Nama File: bitly-url-shortener.php
<html>
<head>
<title>Make Your Own URL Shortener with Bit.ly API</title>
<style type="text/css">
html { font-family:arial;}
p {font-size:12px;}
input { font-size:20px;}
a, span.url { color:#990000; }
</style>
<script type="text/javascript">
function cek(f) {
if (f.longurl.value == '') {
alert ("Enter your long URL");
return false;
} else {
return true;
}
}
</script>
</head>
<body>
<h1>URL Shortener with Bit.ly API</h1>
<div style="border:1px solid #000000;padding:5px">
<form action="" method="post" onsubmit="return cek(this)">
<p>Enter your long url and click "Shorten" button.</p>
<input type="text" name="longurl" value="" size="40"/>
<input type="submit" name="shorten" value="Shorten"/>
</form>
<?php
$longurl = $_POST['longurl'];
$login = "username"; //username login bit.ly
$appkey = "api-key"; //API key
$shorturl = make_bitly_url ($longurl, $login, $appkey, 'json');
echo "<p><strong>Your long URL is</strong> <span class='url'>$longurl </span></p>";
echo "<p><strong>Your short URL is</strong> <span class='url'>$shorturl </span></p>";
echo "<p><strong>Try your shorten URL:</strong> <a href='$shorturl' target='_blank'>$shorturl</a></p>";
}
?>
</div>
</body>
</html>
<?php
/* make a URL small with bit.ly */
function make_bitly_url($url, $login, $appkey, $format = 'xml',$version = '2.0.1')
{
//create the URL
$bitly = 'http://api.bit.ly/shorten?version='.$version.'&longUrl='.urlencode($url). '&login='.$login.'&apiKey='.$appkey.'&format='.$format;
//get the url
//could also use cURL here
//parse depending on desired format
return $json['results'][$url]['shortUrl'];
} else { //xml
return 'http://bit.ly/'.$xml->results->nodeKeyVal->hash;
}
}
?>
Penjelasan Program
- Baris 10-19. Validasi form sederhana dengan javascript. Jika alamat URL tidak diisi maka akan ditolak.
- Baris 22-28. Perintah untuk membuat form inputan alamat URL asli.
- Baris 29-39. Proses untuk mengambil alamat URL yang diinputkan, selanjutnya dikirimkan ke fungsimake_bitly_ur() beserta username dan API key yang kita gunakan. Hasil dari fungsi berupa alamat yang sudah diperpendek. Selanjutnya hasil alamat tersebut ditampilkan di layar.
- Baris 47-64. Pendefinisian fungsi make_bitly_url(). Fungsi ini akan mengirimkan alamat URL asli melalui API bit.ly dan API akan mengirimkan balik hasil URL yang sudah disingkat. Fungsi ini saya adaptasi dari blogDavid Walsh.
Tidak ada komentar