Mengambil screenshot website dari URL menggunakan PHP

5
Mengambil screenshot website dari URL menggunakan PHP

Fungsi capture screenshot halaman web digunakan untuk berbagai keperluan dalam aplikasi web. Ada banyak API pihak ketiga yang tersedia untuk mengambil screenshot website. Tetapi kalau kamu ingin membuat script sendiri untuk mendapatkan screenshot dari URL, kamu dapat melakukannya dengan mudah menggunakan API PHP dan Google PageSpeed Insights.

Umumnya, API Google PageSpeed Insights digunakan untuk mengukur kinerja halaman web. Namun kamu juga dapat menggunakan API Google PageSpeed Insights untuk mengambil screenshot situs web dari URL. Dalam tutorial ini, saya akan menunjukkan cara mengambil screenshot website dari URL menggunakan Google PageSpeed Insights API dan PHP.

Contoh script berikut mengambil screenshot dari situs web menurut URL dan ditampilkan sebagai gambar.

Mendapatkan screenshot website dari URL

Untuk membuat cuplikan halaman web, API Google PageSpeed Insights harus dipanggil dengan parameter berikut.

  • url: Menentukan URL situs webnya
  • screenshoot: screenshot=true untuk mengambil data screenshot.

Mengambil screenshot website dari URL

Dalam contoh script ini, saya juga akan membuat form untuk menagmbil screenshot webiste dengan URL yang telah ditentukan oleh pengguna dan menampilkan screenshot halaman web ke pengguna.

HTML:

Form HTML berikut memiliki satu bidang input yang menerima URL website. Pada form submit URL situs tersebut diserahkan ke script PHP untuk mendapatkan screenshot dari website tersebut.

<form method="post" action="screenshot.php" >
<p>Website URL: <input type="text" name="url" value="" /></p>
<input type="submit" name="submit" value="CAPTURE">

PHP (screenshot .php):

Sebelum memanggil API Google PageSpeed Insights, nilai input yang dikirim akan divalidasi untuk memeriksa apakah itu URL yang valid. Data screenshot diambil dari API Google PageSpeed Insights dan gambar di website ditampilkan.

BAGIKAN
Subscribe
Beritahu
guest

5 Comments
terlama
terbaru vote teratas
Inline Feedbacks
View all comments
Haleks
November 12, 2017 12:07

tutorial yang bermanfaat, gan ane mau tanya ne gan gimana caranya biar bisa download gambarnya setelah di preview gan?

Haleks
November 21, 2017 23:36
Reply to  Codingan

ia gan tambahin button downloadnya gan

Ardi
Ardi
Februari 4, 2018 21:18

Bagus banget tutorialnya. Tapi ada yang mau saya tanyaka nih ke admin. Ini resolusi hasil sekitar 320, apa bisa kita ubah ukuran tanpa pecah gambarnya?

jabbarbie
Maret 9, 2018 15:58

error gan.. apa harus upload di hosting dlu ? :

Warning: file_get_contents(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in