idci/webpagescreenshot-bundle

Symfony WebPageScreenShotBundle

WebPageScreenShotBundle

Bundle used to generate web page screenshots, _(*1)

Installation

To install this bundle please follow the next steps:, _(*2)

Step 1: Download the WebPageScreenShotBundle

First add the dependency in your composer.json file:, _(*3)

"require": {
    ...
    "idci/webpagescreenshot-bundle": "dev-master",
    "gregwar/image-bundle": "dev-master"
},

Then install the bundles with the command:, _(*4)

php composer.phar update

Step 2: Enable the bundle

Register the bundles in your app/AppKernel.php:, _(*5)

<?php
// app/AppKernel.php

public function registerBundles()
{
    $bundles = array(
        // ...
        new IDCI\Bundle\WebPageScreenShotBundle\IDCIWebPageScreenShotBundle(),
        new Gregwar\ImageBundle\GregwarImageBundle(),
    );
}

Step 3: Install phantomjs

This bundle uses phantomjs to generate website screenshots. You can install it on linux via apt-get., _(*6)

sudo apt-get install phantomjs

Now the Bundle is installed., _(*7)

Step 4: Configure the bundles and set up the directories

Include a resource in your config.yml, _(*8)

imports:
    ....
    - { resource: @IDCIWebPageScreenShotBundle/Resources/config/config.yml }

Add a controller in your routing.yml file., _(*9)

idci_web_page_screen_shot:
    resource: "../../vendor/idci/webpagescreenshot-bundle/IDCI/Bundle/WebPageScreenShotBundle/Controller"
    type:     annotation

You must specify some default values in your parameters.yml files. Here is an example., _(*10)

parameters:
    ...
    screenshot_phantomjs_bin_path: "/usr/bin/phantomjs"
    screenshot_width:              800
    screenshot_height:             600
    screenshot_mode:               file
    screenshot_format:             png
    screenshot_cache_enabled:      true
    screenshot_cache_delay:        86400
    screenshot_cache_directory:    %kernel.cache_dir%/screenshot/cache/

screenshot_phantomjs_bin_path refers to the phantomjs executable path., _(*11)

You may find it with the command, _(*12)

whereis phantomjs

Then, You can specify a width, a height, a render mode and a render format. Three modes are available : file, url and base64. Formats include png, jpg and gif. The enabled cache parameter specify whether or not you want to put images in cache. The delay parameter refers to the TTL (time to live) of images in seconds., _(*13)

Usage

You can create screenshots in 2 ways. In both cases, screenshots will be stored in the directory specified in the parameters.yml file. The maximum resolution of screenshots is 1440*900., _(*14)

Create a screenshot with a command

A command allows you to create screenshots. It's as simple as this:, _(*15)

php app/console idci:create:screenshot [url] [width] [height] [mode] [format]

For instance, a working command would give :, _(*16)

php app/console idci:create:screenshot http://symfony.com 800 600 file jpg

If you don't indicate any parameters except the url, a prompt will suggest default configuration values (those in your parameters.yml file). You can press enter to accept them, or change them if you wish., _(*17)

Using the service in controllers

A controller already exists. You might want to check it out here., _(*18)

There are 2 actions availables., _(*19)

The first one handle a request, and return the generated image as a response.
The request should look like http://mysymfonyapp/screenshot/capture?url=http://mywebsite.com&format=jpg&mode=url
The url mode is used to retrieve an url matching the second action., _(*20)

The second one simply retrieve an already generated screenshot.
The request should look like http://mysymfonyapp/screenshot/get/800x600_website.com.png, _(*21)

You might want to do something else. The Screenshot Manager is accessible via a service called idci_web_page_screen_shot.manager. So you can do in your controllers:, _(*22)

$renderer = $screenshotManager
    ->capture($params)
    ->resizeImage()
    ->getRenderer()
;

The renderer take care of rendering the screenshot, according to the chosen mode. To retrieve the content of the screenshot, use the render function., _(*23)

$screenshot = $renderer->render();

Depending on the mode, it can be either a url, or a file, or a base64 encoded string., _(*24)

$params is an array containing parameters. In the existing controller, it's build with the parameters of the request. Whatever you do, it should look like something like that:, _(*25)

$params = array(
    "url" => "http://mywebsite.com",
    "mode" => "base64",
    "width" => 1024,
    "format" => "gif"
);

Only the url is required in this array. Other parameters will overload the values of the parameters.yml file., _(*26)