ASANOERDOTCOM – TRIK MEMBUAT SENDIRI HOSTING GAMBAR DENGAN PHP DAN DATABASE

Assalamu ‘alaikum temen-temen aGan pecinta coding party wilayah PHP yang asanoer banggakan, apa kabar semuanya? Kini asanoer akan menyuguhkan sedikit minuman hangat buat pecinta coding PHP yaitu membuat hosting gambar sendiri. Secara umum, gambar bisa langsung diupload ke server melalui form yang dibuat dengan sedikit printah di PHP. Tapi, dalam tulisan ini, asanoer memberikan sedikit perbedaan yaitu caranya supaya gambar tersebut tidak semena-mena dipasang oleh orang lain dari server kita. Jika hal ini terjadi, maka server bisa bertambah beban. Y00K! Ikuti langkahnya berikut, tapi jika tidak sabar, maka asanoer berikan link download berikut.

<LINK LINK LINK DEMO DEMO> “Belum tersedia Link Demo”

1. Buka Halaman Ini

Seperti biasa dalam budaya tulisan asanoer, maka asanoer anjurkan untuk Anda sedikit meluangkan waktu membaca Halaman INI. Karena, semua prosedur standar asanoer ada dalam halaman tersebut. Kemudia silahkan kembali ke langkah berikutnya.

2. Pemahaman Dasar

Pada dasarnya hosting gambar dapat langsung dimuat dari server menggunakan tag <img>. Tapi, terkadang ada temen-temen aGan lainnya yang ingin share gambar tersebut tanpa menyimpannya di server miliknya. Dalam arti temen tersebut telah melakukan semacam pembajakan sumber daya server kita. Untuk itu, asanoer membuat “mainan” coding ini.

Alasan dasarnya adalah asanoer pernah melihat blog dengan gambar yang dimuat secara sendiri tapi malah menampilkan gambar anti pembajakan. Sehingga asanoer mencoba sendiri membuatnya dengan sedikit baris PHP. Dan tentunya alasan lainnya adalah untuk melindungi sumber daya server dari akses gambar web lain.

Aliran dasar diagram berikut.

asanoerdotcom-diagram-alir-asanoer-img-host
Gambar 01. Diagram Alir Asanoer Img Host

Dapat asanoer berikan penjelasan dari gambar tersebut, maka sebenarnya sistem sederhana ini hanya menggunakan ambil nama file pretty URL yang sudah biasa asanoer suguhkan dalam tulisan sebelumnya ASANOER.COM – TRIK MENGUBAH GAMBAR BACKGROUND DENGAN PHP & MYSQL. Kemudian, URL referensi dari halaman web ataupun lainnya akan dibandingkan dengan isi DB. Jika sama, maka hal tersebut merupakan pemilik sah dari file atau gambar maka tampilkan dia. Jika pemuat adalah web bukan pemilik server yang sah maka tampilkan gambar anti pembajakan.. Cukup sederhana, bukan. 😀

3. Proses Pemasangan

Setelah aGan temen-temen sekalian mendownload dari asanoer maka lakukan instalasinya. Untuk proses instalasi server dan software lainnya asanoer anggap aGan sudah memahaminya. Sehingga tidak perlu asanoer luasakan pemahamannya di sini.

  • Ektrak

Ektraksi file ZIP yang sudah Anda download ke dalam folder utama (root) localhost Anda di komputer. Kemudian jalankan semua server yang dibutuhkan. Untuk asanoer memakai XAMPP versi lama dengan server yang dijalankan adalah Apache dan MySQL saja. Domain local yang asanoer pakai adalah https://localhost. Sehingga folder standar asanoer untuk image host ini adalah ../asanoer-img-host/layanan/images/. Sedangkan untuk contoh demo peangaksesan ada dalam URL ../asanoer-img-host/contoh-akses/. Sehingga URLnya adalah

URL gambar

https://localhost/asanoer-img-host/layanan/images/<id_img>/<file_folder>/<file_name>?download
  • localhost : Domain Anda, atau umumnya juga bisa localhost:port atau lainnya.
  • /asanoer-img-host/layanan/images/ : Folder utama dalam HTACCESS untuk ambil gambar.
  • id_img : ID gambar dalam database.
  • file_folder : Folder maya atau bukan sebenarnya di server.
  • file_name : Nama maya atau bukan sebenarnya di server.
  • ?download : jika ada VAR ini maka gambar akan didownload oleh web browser.

Silahkan untuk membaca kembali mengenai nama maya di server dalam ASANOER.COM – TRIK MENGUBAH GAMBAR BACKGROUND DENGAN PHP & MYSQL.

Contoh gambar yang asanoer sertakan dalam demo dan download.

gbr-02-asanoerdotcom-contoh-gambar-asli
Gambar 02. Contoh Gambar Asli
gbr-03-asanoerdotcom-contoh-gambar-dilarang-membajak-gambar-ku
Gambar 03. Contoh Gambar Dilarang Membajak Gambar

URL Pemilik

https://localhost/asanoer-img-host/contoh-akses/url-pemilik.html

Contoh URL atau halaman web yang sah atau pemilik dari gambar tersebut. Dalam halaman ada tag <img> untuk menampilkan langsung gambar dari ASANOER-IMG-HOST. Dan juga disertakan contoh halaman. URL ini sebelumnya sudah ada di dalam tabel img_host_url sebagai pembanding antara URL yang diambil dari referensi akses dan URL dari daftar di DB.

Gambar 04. URL atau Halaman Pemilik Gambar

URL Pembajak

https://localhost/asanoer-img-host/contoh-akses/url-pembajak.html

Juga merupakan contoh sederhana yang isinya hanya tag <img> dengan URL gambar yang ada. Tapi, karena URL ini tidak ada dalam tabel img_host_url maka gambarnya juga diblok dengan gambar anti pembajakan.

  • Cek Dan Ganti Isi File HTACCESS

Karena alasan pemakaian pretty URL untuk gambar maka file ini menjadi penting. Gantilah isi file ini sesuai folder utama images. Silahkan dapat diikuti kembali artikel asanoer sebelumnya. Berikut contoh isi file yang disertakan dalam download. Bisa dibaca kembali pada ASANOER.COM – PRETTY URL ATAU CLEAN URL UNTUK WEB DINAMIS DENGAN HTACCESS.

RewriteEngine On
RewriteBase /asanoer-img-host/layanan/images/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . index.php [L]
  • Masukkan Printah SQL

Printah SQL memudahkan kita untuk menulis isi database tanpa harus membuat struktur detailnya. Silahkan dapat Anda buka dalam file imghost.sql yang disertakan dalam download. Kemudian copy and paste ke kolom SQL seperti gambar.

Gambar 06. Menjalankan Script SQL di PHPmyAdmin
  • Upload Gambar

Jika aGan install ASANOER IMG HOST ini terus gambar tidak muncul itu karena SQL yang asanoer sertakan tersebut belum terdapat gambar, atau masih berupa baris data saja. Silahkan aGan dapat memasukkan gambarnya terlebih dahulu secara manual di PHPMyAdmin. Karena dalam artikel ini belum ada form untuk menambahkan gambar. Buka tabel img_host kemudian edit baris yang isinya id_img : 001-IMG-TEST dan upload file dari Gambar 02. Contoh Gambar Asli di atas. Baris inilah untuk gambar sah.

Gambar 07. Upload Gambar Asli di PHPmyAdmin

Perlu diperhatikan, karena proses upload gambar manual ke database secara langsung maka cek value ukuran file tidak ada. Sehingga perlu aGan2 masukkan secara manual juga. Silahkan aGan buka properties dari gambar di windows explorer terus masukkan nilai byte ke baris yang diedit di atas.

Gambar 08. Memasukkan Ukuran Gambar

Lalu klik tombol KIRIM atau SUBMIT.

Sedangkan untuk gambar yang ditampilkan anti pembajakan dapat Anda upload dalam baris id_img : 001XX, dengan cara yang sama seperti di atas.

Gambar 09. Upload Gambar Anti Pembajakan
  • Konfigurasi URL Pemilik

Untuk instalasi awal, asanoer sudah memberikan konfigurasinya langsung berupa contoh URL pemilik gambar yang sah. Untuk melihat di mana letak URL sah di DB, silahkan buka tabel img_host_url dan lihat baris yang muncul.

Gambar 10. Baris URL Dalam Tabel Untuk Pemilik Gambar

4. Tahap Uji Coba

Bebeapa uji coba yang asanoer lakukan untuk skrip sederhana ini adalah berikut ini.

  • Buka URL Pemilik Gambar

URL ini adalah pemilik gambar yang sah dari gambar yang ada dalam server sehingga seharusnya muncul halaman seperti dalam gambar 04 di atas. URL pemilik yang disertakan dalam demo artikel ini adalah

https://localhost/asanoer-img-host/contoh-akses/url-pemilik.html
  • Download Gambar dari URL Pemilik

Silahkan aGan klik link yang ada dalam halaman Gambar 04 tersebut “DOWNLOAD GAMBAR INI”, maka otomatis browser akan memunculkan jendela downloadnya.

Gambar 11. Klik Link Download Gambar Ini
  • Buka URL Pembajak

Kemudian dapat aGan coba di URL pembajak yang asanoer sertakan juga dengan akses URL berikut.

https://localhost/asanoer-img-host/contoh-akses/url-pembajak.html

Maka seharusnya akan menampilkan halaman seperti dalam gambar 05 di atas.

  • Download Gambar dari URL Pembajak

Sekarang coba aGan simpan gambar dari URL Pembajak dan save seperti simpan gambar biasanya. Maka file gambar tersebut akan tersimpan baik di PC aGan.

Gambar 12. Klik Kanan Simpan Gambar
  • Ubah nilai byte gambar dari DB menjadi lebih besar

Coba aGan ubah nilai ukuran gambar sah di tabel img_host dalam baris id_img : 001-IMG-TEST menjadi lebih dari nilai awalnya. Maka loading gambar akan lama dan akhirnya gambar tidak bisa ditampilkan.

Gambar 13. Gambar Tidak Bisa Didownload
  • Ubah nilai byte gambar dari DB menjadi lebih kecil

Sekarang sebaliknya, ubah nilai ukuran gambar lebih kecil dari semula, maka gambar akan tampil tidak penuh.

Gambar 14. Gambar Tampil Terpotong
  • Mengganti gambar di DB melalui PHPMyAdmin

Ini seperti langkah Upload Gambar di atas. Silahkan aGan upload gambar di baris id_img : 001-IMG-TEST dengan gambar lain dan juga perhatikan nilai bytenya, maka hasilnya akan seperti bawah ini. Namun jika diakses melalui URL pembajak maka gambarnya akan sama yaitu gambar 05 di atas.

Gambar 15. Gambar Berubah Tapi URL atau Alamat Gambar Masih Sama

Dari gambar di atas maka URL gambar tetap sama https://localhost/asanoer-img-host/layanan/images/001-IMG-TEST/TEST-001/asanoer.com-banner-idhostinger.jpg tapi gambar sudah berubah.

Untuk berikutnya dapat ditambahkan form upload gambar dan cek isi properti gambar tersebut baik nama file, ukuran file dan lainnya secara otomatis. Sehingga tidak perlu lagi upload manual di PHPmyAdmin.

Mudah-mudahan ada manfaat buat aGan2 walaupun sedikit.

Sumber-sumber

  • Semua ilmu dari Allah Subkhanahu wa Ta’ala.
  • Dan juga dari beberapa artikel yang asanoer temukan dari google.
  • Gambar ada dari properti ID Hostinger, hanya untuk demo saja.
  • Semua skrin sut asanoer lakukan di PC sendiri.

Leave a Reply

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

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar anda diproses.