How to Configure a Proxy With Playwright

What is Playwright?

Playwright is a convenient library for automation and testing purposes. It can work with web browser interactions, e.g., navigating to URLs, entering text, clicking buttons, extracting text, and more.

Playwright works with the most popular browsers, such as Google Chrome and Chromium, Microsoft Edge, Firefox, and Safari (when using WebKit.) Moreover, it supports various programming languages such as Node.js, Python, Java, and .NET.

To learn deeper about it, we recommend reading our blogposts about what is Playwright and Playwright best practices.

Click the video below if you'd like to see the integration process on YouTube:

Step-by-step guide on how to use proxies with Playwright

Before getting started with Playwright, you'll need to install a few basic tools: Node.js and a code editor of your choice. After that, create a Node.js project and install the required packages. You may find a detailed guide on how to install and run Playwright on our blog post.

Once everything is set up, we can move on to the next part – Oxylabs' Proxies integration with Playwright.

Residential and Mobile Proxies

If you’re using our Residential or Mobile Proxies , follow these steps:

1. Fill in the Proxy IP:Port in the server value, for example:

http://pr.oxylabs.io:7777

2. Next, input your Oxylabs proxy sub-user's username and password. The code example of a Playwright proxy server authentication looks like this:

const playwright = require('playwright');
(async () => {
    for (const browserType of ['chromium', 'firefox', 'webkit']) {
        const browser = await playwright[browserType].launch({
            headless: false,
            proxy: {
                server: 'http://pr.oxylabs.io:7777',
                username: 'USERNAME',
                password: 'PASSWORD'
            },
        });
        const context = await browser.newContext();
        const page = await context.newPage();
        await page.goto('https://ip.oxylabs.io');
        await page.screenshot({ path: `${browserType}.png` });
        await browser.close();
    }
})();

3. You can also use country-specific entries. For example, if you put us-pr.oxylabs.io under Host and 10001 under Port, you'll receive a US exit node. Please check our documentation for a complete list of country-specific entry nodes and sticky sessions details.

Datacenter Proxies

For Datacenter Proxies, fill in the Proxy IP:Port in the server value like shown below:

dc.oxylabs.io:8001

For the Pay-per-IP subscription, the port is the sequential number assigned to an IP address from the given list. Thus, port 8001 uses the first IP address from your list. For more details, check our documentation.

For the Pay-per-traffic subscription, port 8001 picks a random IP address but stays consistent during a session. You can also specify geo-location, for example, the US, within the user authentication string: user-USERNAME-country-US:PASSWORD. Check our documentation for more details.

Enterprise Dedicated Datacenter Proxies

If you’re using Dedicated Datacenter Proxies, insert your unique IP address in the host field and enter 60000 in the port field.

You’ll have to choose an IP address from the acquired list. Please refer to our documentation for more details.

Self-Service Dedicated Datacenter Proxies

For Self-Service Dedicated Datacenter Proxies, use the following Proxy IP:Port sequence:

ddc.oxylabs.io:8001

The port indicates the sequential number of an IP address from the acquired list. Check our documentation for more details.

ISP Proxies

Host: isp.oxylabs.io

Port: 8001

And that's it! You've successfully integrated Oxylabs' proxies with Playwright.

Conclusion

In combination with Oxylabs' proxies, Playwright could be a great tool when it comes to browser automation and web scraping. Of course, we offer our own Web Scraper API to collect public data even more easily if you search for maintenance-free scraping infrastructure.

If you have any questions about integrating Oxylabs proxies, you can contact us at any time. You should also visit our GitHub profile for more integrations with Oxylabs proxies.

Please be aware that this is a third-party tool not owned or controlled by Oxylabs. Each third-party provider is responsible for its own software and services. Consequently, Oxylabs will have no liability or responsibility to you regarding those services. Please carefully review the third party's policies and practices and/or conduct due diligence before accessing or using third-party services.