ASANOER.COM – PRETTY URL ATAU CLEAN URL UNTUK WEB DINAMIS DENGAN HTACCESS

Pernah ada pengunjung yang menanyakan cara pembuatan web dinamis dengan URL yang ramah user / search engine (Clean URL). Yaitu sebuah web dengan halaman termodular artinya sistem akan terbagi-bagi dalam beberapa file seperti header, footer, content, dan menu. Alias tidak seperti pembuatan web statis pada umumnya.

asanoer.com-clean-url-web-dinamis-02

Latar Belakang

Sudah saya infokan di artikel sebelumnya, bahwa pembuatan web dinamis sangat mudah dengan URL bersih. Karena akan mempermudah mesin pencari atau search engine untuk mengindeks segala URL yang user friendly. Alasan lainnya adalah saya ingin memberikan suguhan terbaik untuk ilmu web dinamis lainnya (tidak konvensional).

Misal ada sebuah susunan folder seperti ini (dengan root folder “web-dinamis”).

asanoer.com-clean-url-web-dinamis-08-hirarki-folder

Jika kita mengakses dengan URL biasa, maka

localhost/web-dinamis/index.php?pages=home
localhost/web-dinamis/index.php?pages=my-page
localhost/ web-dinamis/index.php?pages=contact

Nah akan lebih menarik jika kita membuat URL seperti ini :

localhost/web-dinamis/home.html
localhost/web-dinamis/my-page.html
localhost/web-dinamis/contact.html

Atau malahan ektensinya diganti tidak biasanya, misalnya *.txt

localhost/web-dinamis/home.txt
localhost/web-dinamis/my-page.txt
localhost/web-dinamis/contact.txt

Jadi lebih bagus di mata kan?…..

Demo – Demo – Demo

Oke, mari mulai..

 

Langkah-Langkah

1. Baca dahulu halaman ini (terserah Anda).
2. Pastikan server localhost apache Anda menyala (jika akan dicoba di offline).
3. Download semua file-nya di sini (open source) => Link Ini Expired pada 5 Juli 2016.
4. Extrak paketan download ZIP ke folder server offline Anda.
5. Saat Anda ekstrak sesuai susunan folder di bawah ini, maka seharusnya langsung bisa digunakan.
asanoer.com-clean-url-web-dinamis-04-susunan-folder
6. Akan tetapi jika Anda ingin mengubah folder aplikasi Anda, maka silahkan buka file .htaccess dengan notepad atau lainnya. Ubahlah baris ini..

asanoer.com-clean-url-web-dinamis-09-htaccess

Juga jangan lupa buka folder config dan ubah sedikitnya baris di bawah ini.

asanoer.com-clean-url-web-dinamis-06-configurasi-url-root-folder

Sekarang buka aplikasi Anda dengan ketik URL : localhost/web-dinamis lalu enter. Akan muncul halaman pertamanya.

asanoer.com-clean-url-web-dinamis-01

 

7. Nah sekarang coba Anda buat page baru pada folder pages dengan susunan skrip berikut :

asanoer.com-clean-url-web-dinamis-05-template-page

<?php
include(ASANOER_FOLDER_PELENGKAP."header.php");
include(ASANOER_FOLDER_PELENGKAP."menu.php");
?>

INI HANYALAH TEMPLET, SILAHKAN UBAH SENDIRI SESUAI SELERA ANDA...

<?php
include(ASANOER_FOLDER_PELENGKAP."footer.php");
?>

Simpan dengan nama file halaman-baru-saya.php

coba panggil halaman baru Anda dengan URL berikut :

localhost/web-dinamis/halaman-baru-saya.html

 

8. Nah sekarang coba buka menu.php pada folder pelengkap, dan masukkan URL di atas ke dalam menu seperti menu-menu lainnya.

asanoer.com-clean-url-web-dinamis-10-menu.php

<?PHP

include("my-iklan.php"); /// Baris ini boleh dihilangkan... Hanya iklan


/*
Menu berisi, Larikan menu dari suatu aplikasi WEB...
*/

?>
<br/><br/>
<center>=== DEMO: PRETTY URL ATAU CLEAN URL UNTUK WEB DINAMIS DENGAN HTACCESS ===</center>
<br/><br/>
<?php
$hal = explode("/",ASANOER_URL_UTUH);
$xhal = $hal[count($hal)-1];
// di bawah INI adalah contoh MENU Sederhana
?>

<?php if ($xhal == ASANOER_HALAMAN_UTAMA) {echo "HOME";} else { ?><a href="<?php echo ASANOER_MAIN_URL.ASANOER_HALAMAN_UTAMA; ?>">HOME</a><?php } ?> | 
<?php if ($xhal == "halaman-saya".ASANOER_EKTENSI) {echo "HALAMAN SAYA";} else { ?><a href="<?php echo ASANOER_MAIN_URL."halaman-saya".ASANOER_EKTENSI; ?>">HALAMAN SAYA</a><?php } ?> | 
<?php if ($xhal == "ini-adalah-halaman-lain".ASANOER_EKTENSI) {echo "HALAMAN LAIN";} else { ?><a href="<?php echo ASANOER_MAIN_URL."ini-adalah-halaman-lain".ASANOER_EKTENSI; ?>">HALAMAN LAIN</a><?php } ?> | 
<?php if ($xhal == "lorem-ipsum-dolor".ASANOER_EKTENSI) {echo "LOREM IPSUM";} else { ?><a href="<?php echo ASANOER_MAIN_URL."lorem-ipsum-dolor".ASANOER_EKTENSI; ?>">LOREM IPSUM</a><?php } ?>
<br/><br/><br/>

 

9. Sekarang Anda coba masukkan URL

localhost/web-dinamis/tidak-ada-halaman.txt

apa yang terjadi? Jika halaman tidak ada dalam folder page, maka akan otomatis memunculkan halaman (HALAMAN TIDAK DITEMUKAN), dalam file err404.php

asanoer.com-clean-url-web-dinamis-07-halaman-tidak-ditemukan

Bagaimana, sangat keren kan…?
Nantikan artikel berikutnya untuk clean URL dalam menampilkan image / file lainnya.

Terima kasih sudah membaca artikel ASANOER.COM – PRETTY URL ATAU CLEAN URL UNTUK WEB DINAMIS DENGAN HTACCESS.

Catatan:

Jika ada perbedaan dalam gambar di atas itu karena memang gambar saya belum diupdate.

Sumber-sumber=

gambar : dari screenshoot asanoer.com.

Download=

Link Download

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.