{{ message }}

Trik Memaksa Web Dibuka Dengan Domain/Alamat yg Berbeda Tanpa Memindahkan Hostingnya

04/04/2017 | HTML/CSS
Trik Memaksa Web Dibuka Dengan Domain/Alamat yg Berbeda Tanpa Memindahkan Hostingnya

Ketika Anda membuat sebuah website, mungkin website Anda sendiri ataupun Website client yg meminta Anda untuk mengerjakan. Terkadang hosting tempat Anda men-develop Website/Aplikasi berbeda dengan tempat hosting yg akan Anda gunakan untuk mem-publish Website/Aplikasi. Tentu akan sangat merepotkan apabila terjadi hanya untuk keperluan demo Website/Aplikasi kepada client. Anda terpaksa melakukan upload ke hosting 2x untuk mem-publish setiap terjadi update. Karena pengalaman yg sering terjadi pada saya sendiri ini, maka saya menulis tentang artikel berikut ini, yaitu memaksa domain yg berbeda membuka Web di domain yg lain dan juga disimpan di hosting yg berbeda.

Experiment berikut ini mungkin dapat membantu Anda untuk masalah yg lain. Intinya adalah membuat web dengan domain berbeda seolah-olah adalah web yg lainnya. Teknologi yg saya gunakan disini adalah iframe;

<iframe src="http://qaiserlab.com"></iframe>

Tag iframe yg saya tulis diatas cukup untuk membuka web lain (qaiserlab.com) ke halaman web kita. Namun tujuan kita kali ini bukan hanya membuka web lain dan ditampilkan di halaman web kita. Tetapi benar-benar membuat seolah-olah web tersebut berasal dari dari domain halaman kita dengan cara memanipulasi tampilan halaman kita sebagai full frame dari website tersebut. Trik ini saya gunakan untuk membuat domain client membuka Website/Aplikasi saya yg terupdate di domain yg lainnya, jadi saya tak perlu repot-repot meng-upload ke 2 hosting berbeda. Silakan lihat kode HTML dan CSS-nya di bagian source code lengkap, disitu yg Anda perlukan hanya mengganti properti src dari iframe dengan website yg ingin Anda paksa buka di halaman Anda. Lalu Anda dapat letakan file index.html tersebut di public_html direktori hosting Anda.

Source Code Lengkap

File index.html;

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Web Frame</title>
 
    <style>
      html, body {
        margin: 0;
        height: 100%;
        overflow: hidden;
      }
 
      iframe {
        width: 100%;
        height: 100%;
        border: none;
      }
    </style>
  </head>
  <body>
    <iframe src="http://qaiserlab.com"></iframe>
  </body>
</html>