Backend Frameworks

Integrate ScreenshotAPI with Django, Flask, Rails, Laravel, Express, FastAPI, Spring Boot, .NET, Go, and more.

Overview

Backend integrations call ScreenshotAPI directly from your server. The API key stays safe, and you have full control over caching, storage, and background processing. Every backend framework follows the same pattern: make an HTTP request to the screenshot endpoint, receive image bytes, and return or store them.

Python Frameworks

Django

Create views or DRF endpoints that proxy screenshot requests. Use Celery for background processing and Django's storage backends for persistence.

import requests
from django.conf import settings
from django.http import HttpResponse

def screenshot_view(request):
    url = request.GET.get('url')
    response = requests.get(
        'https://screenshotapi.to/api/v1/screenshot',
        params={'url': url, 'width': 1440, 'height': 900, 'type': 'png'},
        headers={'x-api-key': settings.SCREENSHOTAPI_KEY},
        timeout=30,
    )
    return HttpResponse(response.content, content_type='image/png')

Full walkthrough: Django integration guide

Flask

Lightweight screenshot endpoints with Flask's routing and optional caching.

Full walkthrough: Flask integration guide

FastAPI

Async screenshot capture with Pydantic validation and background tasks.

Full walkthrough: FastAPI integration guide

Python SDK: Python SDK reference

Ruby Frameworks

Rails

Controllers, Active Storage integration, and Sidekiq background jobs for screenshot processing.

Full walkthrough: Rails integration guide

Sinatra

Minimal Ruby screenshot endpoints for lightweight applications.

Full walkthrough: Sinatra integration guide

Ruby SDK: Ruby SDK reference

PHP Frameworks

Laravel

Controllers, queued jobs with Laravel Horizon, and Storage facade for saving screenshots.

Full walkthrough: Laravel integration guide

WordPress

Shortcodes, REST API endpoints, and WP-Cron jobs for scheduled captures.

Full walkthrough: WordPress integration guide

PHP SDK: PHP SDK reference

JavaScript / TypeScript Frameworks

Express

Middleware-based proxy routes with streaming support and response caching.

import express from 'express'

const app = express()

app.get('/api/screenshot', async (req, res) => {
  const { url, width = '1440', height = '900', type = 'png' } = req.query
  const params = new URLSearchParams({
    url: String(url), width: String(width),
    height: String(height), type: String(type),
  })

  const response = await fetch(
    `https://screenshotapi.to/api/v1/screenshot?${params}`,
    { headers: { 'x-api-key': process.env.SCREENSHOTAPI_KEY! } }
  )

  const buffer = Buffer.from(await response.arrayBuffer())
  res.set('Content-Type', `image/${type}`)
  res.set('Cache-Control', 'public, max-age=86400')
  res.send(buffer)
})