Skip to main content

Integrate with Playwright

Aluvia integrates with Playwright by configuring Playwright's proxy settings. You pass a proxy object to Playwright (e.g., chromium.launch({ proxy: ... })), and Playwright sends browser traffic through that proxy.

By default, AluviaClient starts a local proxy on 127.0.0.1 and returns Playwright proxy settings pointing at that local proxy. This is the safest/cleanest integration because:

  • No proxy credentials are embedded in your Playwright config (the SDK holds gateway credentials internally).
  • The SDK can do per-hostname routing (direct vs Aluvia) when running the local proxy.
import { chromium } from 'playwright';
import { AluviaClient } from '@aluvia/sdk';

const client = new AluviaClient({
apiKey: process.env.ALUVIA_API_KEY!,
connectionId: process.env.ALUVIA_CONNECTION_ID, // optional
});

const connection = await client.start();

const browser = await chromium.launch({
proxy: connection.asPlaywright(),
});

try {
const page = await browser.newPage();
await page.goto('https://ipconfig.io/json');
} finally {
await browser.close();
await connection.close();
}

Node.js: use the SDK API wrapper to fetch gateway proxy credentials

If you don’t want to start the SDK’s local proxy process, you can call the Aluvia API directly via the SDK’s API wrapper (AluviaApi) to fetch the proxy username/password for an account connection, then configure Playwright with those credentials.

Important notes:

  • These calls use /account/... endpoints, so you must use an account API token.
  • The SDK’s gateway host is gateway.aluvia.io. You choose protocol/port (commonly http:8080 or https:8443).
  • Treat proxy credentials as secrets. Don’t log them.
import { chromium } from 'playwright';
import { AluviaApi } from '@aluvia/sdk';

const apiKey = process.env.ALUVIA_API_KEY!;
const connectionId = process.env.ALUVIA_CONNECTION_ID!;

const api = new AluviaApi({ apiKey });

const accountConn = await api.account.connections.get(connectionId);
if (!accountConn) {
throw new Error('Connection config was not returned (HTTP 304 Not Modified)');
}

const username = accountConn.proxy_username;
const password = accountConn.proxy_password;
if (!username || !password) {
throw new Error('API response missing proxy credentials (proxy_username/proxy_password)');
}

const server = 'http://gateway.aluvia.io:8080';

const browser = await chromium.launch({
proxy: { server, username, password },
});

try {
const page = await browser.newPage();
await page.goto('https://ipconfig.io/json');
} finally {
await browser.close();
}

Raw HTTP examples (JavaScript / Python)

These examples show how to:

  • send an HTTP request to GET /v1/account/connections/:id
  • extract proxy_username / proxy_password
  • configure Playwright with the resulting proxy settings
import { chromium } from 'playwright';

const apiKey = process.env.ALUVIA_API_KEY;
const connectionId = process.env.ALUVIA_CONNECTION_ID;

if (!apiKey || !connectionId) {
throw new Error('Missing ALUVIA_API_KEY or ALUVIA_CONNECTION_ID');
}

const res = await fetch(`https://api.aluvia.io/v1/account/connections/${connectionId}`, {
method: 'GET',
headers: {
Authorization: `Bearer ${apiKey}`,
Accept: 'application/json',
},
});

if (!res.ok) {
throw new Error(`Aluvia API request failed (HTTP ${res.status})`);
}

const json = await res.json();
const data = json?.data ?? null;
if (!data) {
throw new Error('Aluvia API response missing data envelope');
}

const username = data.proxy_username;
const password = data.proxy_password;
if (!username || !password) {
throw new Error('Aluvia API response missing proxy_username/proxy_password');
}

const server = 'http://gateway.aluvia.io:8080';

const browser = await chromium.launch({
proxy: { server, username, password },
});

try {
const page = await browser.newPage();
await page.goto('https://ipconfig.io/json');
} finally {
await browser.close();
}