"Om Swastiastu"
Untuk lebih jelasnya, silahkan kalian lihat dua buah URL berikut ini.
- http://blogitprogrammer.com/artikel.php?tahun=2012&bulan=01&judul=cara membuat url friendly
- http://blogitprogrammer.com/artikel/2012/01/cara-membuat-url-friendly.html
Dari dua contoh URL diatas, tentunya URL kedua terlihat lebih cantik, dan jenis URL seperti ini akan dibaca dengan mudah oleh Google. Bandingkan dengan url pertama yang terlihat berantakan selain itu, url seperti itu akan mudah dibajak atau memudahkan terjadinya injection pada website oleh user yang jahil. Kelebihan lainnya yang dimiliki url kedua adalah jenis url ini lebih mudah diingat oleh pengunjung, sehingga ada kemungkinan user kembali mengakses website kita.
Untuk membuat URL yang cantik seperti itu kita memerlukan bantuan htaccess. Url pertama adalah url default yang biasa kita buat jika memerlukan passing parameter, tetapi akan sangat rawan jika diperlihatkan untuk umum. Maka dari itu kita akan mengubah bentuk url agar lebih cantik. Sebelumnya, saya asumsikan bahwa pembaca sekalian telah mempunyai server lokal apache seperti Xampp dan juga SQL.
Buatlah sebuah folder baru di folder htdocs Xampp dengan nama latihan. Lalu buat file baru dengan nama index.php dalam folder latihan tersebut.
<html>
<body>
<div id="menu">
<a href="index.php?page=home">Home</a>
<a href="index.php?page=about">About</a>
<a href="index.php?page=contact">Contact</a>
<a href="index.php?page=testimonial">Testimonial</a>
</div>
<div id="isi">
<p>
<?php
if($_GET['page'] == "home"){
echo "Ini adalah halaman home";
}
if($_GET['page'] == "about"){
echo "Ini adalah halaman about us";
}
if($_GET['page'] == "contact"){
echo "Ini adalah halaman contact us";
}
if($_GET['page'] == "testimonial"){
echo "Ini adalah halaman testimonial";
}
?>
</p>
</div>
</body>
</html>
Beberapa manfaat URL dengan htaccess antara lain:
- SEO Friendly, sehingga lebih mudah terindeks Google.
- Tidak perlu mengubah susunan folder atau direktori.
- Keamanan yang lebih terjamin, karena ada sebuah virtual direktori, pada url localhost/latihan/about/ kita seolah-olah mempunyai folder dengan nama about di dalam folder latihan, padahal sebenarnya tidak. Hal inilah yang mencegah adanya injeksi daru user nakal.
Tetapi ada juga beberapa kekurangannya, antara lain:
- Link yang kita buat harus link yang lengkap, misalkan tanpa htaccess kita membuat gambar dengan ini <img src"images/gambar.jpg"> atau <img src="../gambar/poto.jpg">, dengan htaccess link seperti itu tidak akan bekerja, maka kita harus membuat link lengkap seperti ini, <img src"http://domain.com/images/gambar.jpg">
Sekarang kita akan memulai membuat file htaccess.
RewriteEngine On RewriteBase /latihan RewriteRule ^/?([^/]+)/?$ index.php?q=$1 [QSA,L]
Selanjutnya, ubah file index.php yang sudah kalian buat tadi menjadi seperti ini:
<html>
<body>
<div id="menu">
<a href="http://localhost/latihan/home">Home</a>
<a href="http://localhost/latihan/about">About</a>
<a href="http://localhost/latihan/contact">Contact</a>
<a href="http://localhost/latihan/testimonial">Testimonial</a>
</div>
<div id="isi">
<p>
<?php
if($_GET['q'] == "home"){
echo "Ini adalah halaman home";
}
if($_GET['q'] == "about"){
echo "Ini adalah halaman about us";
}
if($_GET['q'] == "contact"){
echo "Ini adalah halaman contact us";
}
if($_GET['q'] == "testimonial"){
echo "Ini adalah halaman testimonial";
}
?>
</p>
</div>
</body>
</html>
"Om Santhi, Santhi, Santhi, Om"
wah,keren banget nih tutorialnya om...tapi aku mau nanya nih,kalau program yg saya buat terdiri dari beberapa folder & sub folder,gimana cara penulisan htaccesnya bang,mohon pencerahannya...
pada rewrite rule dibuat sesuai dengan tempat direktorinya,, nantinya kan ada banyak rewrite rule jika semakin banyak file yang ingin diisi htaccess.
makasih om,saya akan coba..kl ada ebook yg menjelaskan tentang aturan penulisan rewrite rule,mohon di share yah bang..torial yg anda pos ini sangat membantu,soalnya aku uda cari kemana-mana nih tutorial htacces tapi ndak ada yang pake bahasa indonesia.hehehe
terima kasih banyak mas atas tutorialnya :)
makasih bro tutorialnya
aku pake htaccess terus css sama js nya kok rusak ya ??
ga bisa keliatan lagi
itu gimana caranya biar css sama jsnya kebaca ??
makasih
nah, ketika kamu menggunakan htaccess, kamu harus mengubah struktur link CSS dan Javascript yang kamu include.. biasanya tanpa htaccess km membuat misalkan seperti ini <script src="js/jquery.js"> tapi setelah km memakai css, km hrs mengganti alamat link jquery dengan alamat lengkap.. http://namasitusmu.com/js/jquery.js
seperti itu misalnya.. :) ini jg berlaku utk CSSnya
q jg pengen tanya
kalau ngedit blog supaya jdi seperti contoh ini http://world-of-programmer.blogspot.com/2012/02/cara-membuat-url-friendly-dengan.html blogger seperti ini( blogger ini ) gmn?
saya coba cara untuk direct js dan CSS . di localhost ga bisa berantakan jadinya , gimna ya ?
gman gan cara implemntasi kaya menu berita ?biasanya menu berita itu gak semua contentnya di tampilkan pasti ad link Read Morenya..pertanyaan saya gmna cara buat htaccesnya seperti itu?Mohon penjelansanya