I'm still waiting on beta access, but shouldn't the "Get Started" example code work in local mode?

Erisa•8/20/23, 1:33 PM

browser rendering doesnt support local mode

Mikyari•8/21/23, 10:53 AM

Hi @Erisa | Support Engineer , I want to access to browser API. Can you help me enable this feature in my account? c3b90596442e73b936440cef3f7895f8

MMikyari Hi @Erisa | Support Engineer , I want to access to browser API. Can you help me ...

DaniFoldi•8/21/23, 10:54 AM

Please don't randomly ping employees - if you read back a few messages, there's a thread where you can leave your account id for them to enable it

Mikyari•8/21/23, 10:54 AM

ok thanks

Erisa•8/21/23, 10:57 AM

Thanks Dani, yep the best place for that is #Browser Rendering API Beta Access - it is Vero that enables them, not myself

Mikyari•8/21/23, 1:44 PM

Hi there, I want to ask: Is there any limit on the number of pages I can open on 1 browser?

Gg000m I'm still waiting on beta access, but shouldn't the "Get Started" example code w...

alex 🍂•8/23/23, 4:16 PM

I wrote this little script I can run alongside wrangler so i can develop against

@cloudflare/puppeteer

@cloudflare/puppeteer

locally. you have to slightly tweak how your worker launches browsers to target the local one though: https://gist.github.com/SomeHats/14dfe042842269eb8dd20cd42fa01a1c

Gist

A hacky local version of cloudflare's browser rendering API

A hacky local version of cloudflare's browser rendering API - runDevBrowser.ts

Aalex 🍂I wrote this little script I can run alongside wrangler so i can develop against...

g000mOP•8/23/23, 6:06 PM

That's great, thanks for sharing!

Aalex 🍂I wrote this little script I can run alongside wrangler so i can develop against...

Deniz A.•8/25/23, 10:49 AM

how exactly do you run this? i've been spoiled by deno and i couldn't figure it out

DDeniz A.how exactly do you run this? i've been spoiled by deno and i couldn't figure it ...

alex 🍂•8/25/23, 10:58 AM

I use

tsx

tsx

: https://www.npmjs.com/package/tsx

tsx runDevBrowser.ts

tsx runDevBrowser.ts

ut I also just added a version with the types stripped to the gist that you can run with plain node:

node runDevBrowser.mjs

node runDevBrowser.mjs

npm

tsx

TypeScript Execute (tsx): Node.js enhanced with esbuild to run TypeScript & ESM files. Latest version: 3.12.7, last published: 4 months ago. Start using tsx in your project by running

npm i tsx

npm i tsx

. There are 131 other projects in the npm registry using tsx.

Aalex 🍂I use `tsx`: https://www.npmjs.com/package/tsx - `tsx runDevBrowser.ts` But I a...

Deniz A.•8/25/23, 10:59 AM

thanks!

jivan•8/28/23, 4:00 AM

I want to capture Cloudflare browser rendering & make it available in Cloudflare stream, is there any way to do it now or any plans for the same ? note. audio is also desired

conqr ᯅ•9/5/23, 1:00 AM

I believe this is a typo? https://www.cloudflare.com/lp/workers-browser-rendering-api/

Cloudflare

Workers Browser Rendering API | Cloudflare

The Workers Browser Rendering API, combines the power of Workers with Browser Isolation (provide link) to simplify the process of running Puppeteer for browser automation.

Cconqr ᯅ I believe this is a typo? https://www.cloudflare.com/lp/workers-browser-renderin...

Vero•9/5/23, 8:19 AM

Thanks, I've raised this internally

GGabb Hi, I was excited about this feature, but trying it locally after 2 or 3 tests I...

yeehow•9/15/23, 8:12 PM

https://blog.cloudflare.com/browser-rendering-open-beta/

The Cloudflare Blog

Workers Browser Rendering API enters open beta

The Workers Browser Rendering API allows developers to programmatically control and interact with a headless browser instance and create automation flows for their applications and products. Today we enter the open beta and start onboarding our customers.

Pedro•9/19/23, 12:51 PM

Hey, I would like access to the browser-rendering-api-beta

PPedro Hey, I would like access to the browser-rendering-api-beta

Chaika•9/19/23, 1:04 PM

Put your account ID in the access thread: Browser Rendering API Beta Access

Chao•9/19/23, 5:46 PM

Any best practices to get around or live with the 2 concurrent browser limitation?

Vikash•9/20/23, 12:15 PM

Hey, I am getting error in deployment. Any suggestion?

wrangler.toml

wrangler.toml

Top-level configuration

name = "puppeteer"
main = "api/server.ts"
node_compat = true
workers_dev = true

browser = { binding = "MYBROWSER" }

kian•9/20/23, 12:21 PM

https://developers.cloudflare.com/browser-rendering/get-started/screenshots/#4-configure-wranglertoml

kian•9/20/23, 12:21 PM

nodejs_compat

nodejs_compat

compatibility flag, not

node_compat

node_compat

Firefox•9/21/23, 7:24 PM

When running the following code I keep getting a type error of

readable is not async iterable

readable is not async iterable

, I narrowed it down to the

const pdf = await page.pdf();

const pdf = await page.pdf();

line but have no clue how I could resolve the issue. Anyone that could help me?

export interface Env {
    MYBROWSER: Fetcher;
}

import puppeteer from '@cloudflare/puppeteer';

export default {
    async fetch(request: Request, env: Env): Promise<Response> {
        const { searchParams } = new URL(request.url);
        let url = searchParams.get('url');

        // skip favicon requests
        if (request.url.includes('/favicon.ico')) return new Response('Not found', { status: 404 });

        if (url) {
            const browser = await puppeteer.launch(env.MYBROWSER);
            const page = await browser.newPage();
            await page.goto(url);

            const pdf = await page.pdf();

            await browser.close();

            if (!pdf) return new Response('No pdf found', { status: 404 });

            return new Response(pdf, {
                headers: {
                    'content-length': pdf.byteLength.toString(),
                    'content-type': 'application/pdf',
                },
            });
        } else {
            return new Response('Please add the ?url=https://example.com/ parameter');
        }
    },
};

export interface Env {
    MYBROWSER: Fetcher;
}

import puppeteer from '@cloudflare/puppeteer';

export default {
    async fetch(request: Request, env: Env): Promise<Response> {
        const { searchParams } = new URL(request.url);
        let url = searchParams.get('url');

        // skip favicon requests
        if (request.url.includes('/favicon.ico')) return new Response('Not found', { status: 404 });

        if (url) {
            const browser = await puppeteer.launch(env.MYBROWSER);
            const page = await browser.newPage();
            await page.goto(url);

            const pdf = await page.pdf();

            await browser.close();

            if (!pdf) return new Response('No pdf found', { status: 404 });

            return new Response(pdf, {
                headers: {
                    'content-length': pdf.byteLength.toString(),
                    'content-type': 'application/pdf',
                },
            });
        } else {
            return new Response('Please add the ?url=https://example.com/ parameter');
        }
    },
};

Jakob Norlin•9/22/23, 1:50 PM

Since a couple of days my DO keeps throwing this error when running

puppeteer.launch(this.env.BROWSER))

puppeteer.launch(this.env.BROWSER))

Unabled to create new browser: code: 429: message: Too many browsers already running

Unabled to create new browser: code: 429: message: Too many browsers already running

I don't seem to be able to reset this. I have tried to force kill the DO with

state.blockConcurrencyWhile(() ={ throw new Error("Intentional crash")) }

state.blockConcurrencyWhile(() ={ throw new Error("Intentional crash")) }

in the constructor, but even that doesn't help.

Is there any way I can take control of the situation and reset the browser state or something?

The browser runs on a 3 minute cron job and has been working flawlessly for several weeks, until it suddenly stopped working a little while back. I don't know exactly when because I don't have good logging set up for this function.

Jakob Norlin•9/22/23, 1:51 PM

Also,

Unable

Unable

is misspelled

Unabled

Unabled

in that error message

Original message was deleted

Jakob Norlin•9/22/23, 5:37 PM

Account ID is 397b462fa783ffd5a2e58c3a8fcd2f0a and worker name is

shopping-bird

shopping-bird

Vero•9/22/23, 5:45 PM

sure

JJakob Norlin Account ID is 397b462fa783ffd5a2e58c3a8fcd2f0a and worker name is `shopping-bird...

Vero•9/22/23, 5:47 PM

raised

JJakob Norlin Account ID is 397b462fa783ffd5a2e58c3a8fcd2f0a and worker name is `shopping-bird...

Vero•9/22/23, 7:29 PM

Have you opened a support ticket? If not, could you please open it so that they can look into it?

VVero Have you opened a support ticket? If not, could you please open it so that they ...

Jakob Norlin•9/22/23, 7:55 PM

How do I open a proper ticket? When writing it up I'm faced with

Customers on our Free plans can only submit tickets for billing, account, and registrar issues.

Customers on our Free plans can only submit tickets for billing, account, and registrar issues.

, even though I'm paying $5 a month for the plan with workers and DO

Vero•9/22/23, 8:59 PM

ok, I'll have to open it for you internally, will give you an update on Monday

Chao•9/23/23, 12:48 AM

can we request for the 2-browser limit to be raised on a per acct basis? if not, will this limit be lifted when you exit beta?

JJakob Norlin How do I open a proper ticket? When writing it up I'm faced with `Customers on o...

Vero•9/25/23, 2:59 PM

DM'd you

nish•9/26/23, 12:08 PM

Hey! I'd love to get access to the browser rendering api. Account: d0128033c48600d1b4c6f7106d4d8e55. Also, is there a tutorial on how to re-use a browser instance by storing it to DO?

Nnish Hey! I'd love to get access to the browser rendering api. Account: d0128033c4860...

Vero•9/27/23, 10:23 AM

enabled

Jürgen B•9/27/23, 1:50 PM

Can you share any plans regarding amount of browser-limitations for free/paid plans when launching?

JJürgen B Can you share any plans regarding amount of browser-limitations for free/paid pl...

tanushree │ Workers PM•9/28/23, 1:47 PM

https://blog.cloudflare.com/running-serverless-puppeteer-workers-durable-objects/

The Cloudflare Blog

Running Serverless Puppeteer with Workers and Durable Objects

We’ve heard from developers that configuring and maintaining their own serverless browser automation systems can be quite painful. The Workers Browser Rendering API solves this

Ttanushree │ Workers PM https://blog.cloudflare.com/running-serverless-puppeteer-workers-durable-objects...

Advany•9/28/23, 2:20 PM

Cool. Saw that my do was used in the post

Ttanushree │ Workers PM https://blog.cloudflare.com/running-serverless-puppeteer-workers-durable-objects...

Unsmart•9/28/23, 2:45 PM

Is the concurrent session pricing based on the peak concurrency during the month or do you have to pre-pay a set concurrency limit (and can you set a concurrency limit if it’s the first option?)

Mackenly•9/28/23, 5:06 PM

And is that $1 each time you spawn a concurrent session or is that per month based on peak?

Mackenly•9/28/23, 6:08 PM

Wouldn't it be more cost effective to just keep a DO with a session alive perpetually? It costs just over $4 to keep a DO alive all month. If you use browser rendering just twice a day you're at $6/m (60*$0.10) in session costs. Setup a queue to process requests handled by that single DO and you never have to worry about having more than one session for an entrire month, correct?

Advany•9/28/23, 6:37 PM

I also dont get the pricing. Would be great to get insights

Hhannes Same question about 10cent session price.. is this per spawned session? How does...

Unsmart•9/28/23, 6:56 PM

The per session would be every time you call

puppeteer.launch()

puppeteer.launch()

. You can reuse the session as explained with DOs in the blogpost which would make it where you can pay per minute with only the initial request warming up the DO costing or anytime the DO gets reset (should mostly code updates / runtime updates)

export interface Env { MYBROWSER: Fetcher; } import puppeteer from '@cloudflare/puppeteer'; export default { async fetch(request: Request, env: Env): Promise<Response> { const { searchParams } = new URL(request.url); let url = searchParams.get('url'); // skip favicon requests if (request.url.includes('/favicon.ico')) return new Response('Not found', { status: 404 }); if (url) { const browser = await puppeteer.launch(env.MYBROWSER); const page = await browser.newPage(); await page.goto(url); const pdf = await page.pdf(); await browser.close(); if (!pdf) return new Response('No pdf found', { status: 404 }); return new Response(pdf, { headers: { 'content-length': pdf.byteLength.toString(), 'content-type': 'application/pdf', }, }); } else { return new Response('Please add the ?url=https://example.com/ parameter'); } }, };

I'm still waiting on beta access, but shouldn't the "Get Started" example code work in local mode?

Top-level configuration

Similar Threads

Similar Threads

Top-level configuration

Similar Threads