Im testing the browserless api with the example screenshot worker. I cant get it to work when acces

BBrian Im testing the browserless api with the example screenshot worker. I cant get i...

J

may be you can try using Google maps lite mode

https://www.google.com/maps/?force=lite

https://www.google.com/maps/?force=lite

https://www.google.com/maps/?force=lite

https://www.google.com/maps/?force=lite

http://maps.google.com/?force=canvas

http://maps.google.com/?force=canvas

http://maps.google.com/?force=canvas

http://maps.google.com/?force=canvas

B

BrianOP•4/16/24, 5:06 PM

Thanks but I'm trying to grab a screenshot of my own tileservice that use maplibre to render vector tiles to the browser. Maplibre uses webgl and when I grab a screenshot of the url I get a white blank screenshot.
I saw others ask about using webgl in browserless workers and it seems it hasnt been solved yet.

M

Mercury•4/18/24, 9:27 AM

It gives me error

text: 'workers.api.error.no_access_to_browser_worker [code: 10088]'

text: 'workers.api.error.no_access_to_browser_worker [code: 10088]'

text: 'workers.api.error.no_access_to_browser_worker [code: 10088]'

text: 'workers.api.error.no_access_to_browser_worker [code: 10088]' Is this still in Private Beta?

M

Mercury•4/18/24, 11:15 AM

Hi team, I am getting this on screenshot. Any idea how we can resolve this?

M

Mercury•4/18/24, 11:57 AM

Hi team, I am also not able to render canvas in Browser Rendering.

V

villainy•4/18/24, 8:24 PM

getting this error:

 ⨯ Error: Failed to load external module node:stream: TypeError: Native module not found: node:stream

 ⨯ Error: Failed to load external module node:stream: TypeError: Native module not found: node:stream

 ⨯ Error: Failed to load external module node:stream: TypeError: Native module not found: node:stream

 ⨯ Error: Failed to load external module node:stream: TypeError: Native module not found: node:stream

V

villainy•4/18/24, 8:24 PM

trying to use with nextjs

V

villainy•4/18/24, 8:25 PM

compatibility_flags = [ "nodejs_compat" ]
node_compat = true

compatibility_flags = [ "nodejs_compat" ]
node_compat = true

compatibility_flags = [ "nodejs_compat" ]
node_compat = true

compatibility_flags = [ "nodejs_compat" ]
node_compat = true

Vvillainy ``` compatibility_flags = [ "nodejs_compat" ] node_compat = true ```

C

Chaika•4/18/24, 8:31 PM

you can't use both, one or the other

V

villainy•4/18/24, 8:32 PM

getting the same error regardless

V

villainy•4/18/24, 8:32 PM

this didnt help either

import { Stream } from "node:stream";
globalThis.Stream = Stream;

import { Stream } from "node:stream";
globalThis.Stream = Stream;

import { Stream } from "node:stream";
globalThis.Stream = Stream;

import { Stream } from "node:stream";
globalThis.Stream = Stream;

C

Chaika•4/18/24, 8:33 PM

node:stream is only a thing in the compat flag version. I don't think that's the typical error though, "Native module not found"?
I would make sure you're on the latest cloudflare/puppeteer at least, the first versions used node_compat rather then the flag

V

villainy•4/18/24, 8:34 PM

on the latest version

    "@cloudflare/next-on-pages": "^1.11.0",
    "@cloudflare/puppeteer": "^0.0.6",

    "@cloudflare/next-on-pages": "^1.11.0",
    "@cloudflare/puppeteer": "^0.0.6",

    "@cloudflare/next-on-pages": "^1.11.0",
    "@cloudflare/puppeteer": "^0.0.6",

    "@cloudflare/next-on-pages": "^1.11.0",
    "@cloudflare/puppeteer": "^0.0.6",

V

villainy•4/18/24, 8:35 PM

node:

v20.10.0

V

villainy•4/18/24, 8:36 PM

maybe i need to downgrade to 18?

Vvillainy on the latest version ``` "@cloudflare/next-on-pages": "^1.11.0", "@clo...

C

Chaika•4/18/24, 8:39 PM

hmm what exactly are you trying to do? I don't believe you can use the browser rendering binding in pages at all/not supported

V

villainy•4/18/24, 8:42 PM

Function that scrapes a website and use the data together with my api

V

villainy•4/18/24, 9:30 PM

what alternative do i have if it dosent work with pages?
create a dedicated worker api project , and then fetch it from my nextjs app?

J

James•4/18/24, 9:33 PM

browser rendering should work fine with

nodejs_compat

nodejs_compat

nodejs_compat

nodejs_compat if you do a bit of monkey patching

J

James•4/18/24, 9:33 PM

I have this in a worker:

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import puppeteer from '@cloudflare/puppeteer';

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import puppeteer from '@cloudflare/puppeteer';

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import puppeteer from '@cloudflare/puppeteer';

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import puppeteer from '@cloudflare/puppeteer';

J

James•4/18/24, 9:33 PM

with

compatibility_flags = [ "nodejs_compat" ]

compatibility_flags = [ "nodejs_compat" ]

compatibility_flags = [ "nodejs_compat" ]

compatibility_flags = [ "nodejs_compat" ]

J

James•4/18/24, 9:34 PM

and it does work, so in theory it should work in Pages too

J

James•4/18/24, 9:36 PM

you won't be able to test locally though

J

James•4/18/24, 9:36 PM

browser rendering doesn't work for local testing at all. And Pages doesn't have remote dev. So your only real way of testing would be to just deploy and see.

J

James•4/18/24, 9:36 PM

I think at this point I'd agree with your conclusion, and making a dedicated Worker API project and then just fetch that from app. That'll be much easier and give you so much better DX.

JJames I think at this point I'd agree with your conclusion, and making a dedicated Wor...

V

villainy•4/18/24, 9:38 PM

Thanks, il try out both solution tomorrow!

U

uratmangun.ovh•4/22/24, 2:27 AM

hello can i get access to private beata?

Uuratmangun.ovh hello can i get access to private beata?

U

Unsmart•4/22/24, 3:09 AM

Its not private. If you have workers paid you can use it.

J

Josiah Bryan•4/24/24, 12:58 AM

Hey all! Trying to use the "browser-rendering" feature to get the text of a page - the docs demo it at https://developers.cloudflare.com/browser-rendering/get-started/reuse-sessions/

but when I call
```
response.text
```
response.text
```
response.text
```
response.text
myself (copy/pasting the code from the docs), I get an error saying
```
Buffer is not defined
```
Buffer is not defined
```
Buffer is not defined
```
Buffer is not defined
- deep inside the CF Pupeteer package:

`
✘ [ERROR] Uncaught (in promise) ReferenceError: Buffer is not defined

      at null.<anonymous>
  (file:///Users/josiahbryan/devel/rubber/cfworkers/browser-worker/node_modules/@cloudflare/puppeteer/src/common/HTTPResponse.ts:206:11)
```

Any suggestions on what I'm doing wrong...? Does

`
✘ [ERROR] Uncaught (in promise) ReferenceError: Buffer is not defined

      at null.<anonymous>
  (file:///Users/josiahbryan/devel/rubber/cfworkers/browser-worker/node_modules/@cloudflare/puppeteer/src/common/HTTPResponse.ts:206:11)
```

Any suggestions on what I'm doing wrong...? Does

`
✘ [ERROR] Uncaught (in promise) ReferenceError: Buffer is not defined

      at null.<anonymous>
  (file:///Users/josiahbryan/devel/rubber/cfworkers/browser-worker/node_modules/@cloudflare/puppeteer/src/common/HTTPResponse.ts:206:11)
```

Any suggestions on what I'm doing wrong...? Does

`
✘ [ERROR] Uncaught (in promise) ReferenceError: Buffer is not defined

      at null.<anonymous>
  (file:///Users/josiahbryan/devel/rubber/cfworkers/browser-worker/node_modules/@cloudflare/puppeteer/src/common/HTTPResponse.ts:206:11)
```

Any suggestions on what I'm doing wrong...? Does

response.text()` just NOT work?

Usage is like:

const response = await page.goto(url, { waitUntil: 'networkidle2' });
// ...
const text = await response.text(); // <~--- "Buffer is not defined" error thrown here

const response = await page.goto(url, { waitUntil: 'networkidle2' });
// ...
const text = await response.text(); // <~--- "Buffer is not defined" error thrown here

const response = await page.goto(url, { waitUntil: 'networkidle2' });
// ...
const text = await response.text(); // <~--- "Buffer is not defined" error thrown here

const response = await page.goto(url, { waitUntil: 'networkidle2' });
// ...
const text = await response.text(); // <~--- "Buffer is not defined" error thrown here

JJosiah Bryan Hey all! Trying to use the "browser-rendering" feature to get the text of a page...

U

Unsmart•4/24/24, 1:17 AM

Did you add the

nodejs_compat

nodejs_compat

nodejs_compat

nodejs_compat flag from step 3: https://developers.cloudflare.com/browser-rendering/get-started/reuse-sessions/#3-configure-wranglertoml

UUnsmart Did you add the `nodejs_compat` flag from step 3: <https://developers.cloudflare...

J

Josiah Bryan•4/24/24, 1:27 AM

Indeed indeed - very first thing I did - followed it step-by-step - this is my wrangler.toml for this problem

UUnsmart Did you add the `nodejs_compat` flag from step 3: <https://developers.cloudflare...

J

Josiah Bryan•4/24/24, 1:28 AM

Do I need to monkey-patch

globalThis.buffer

globalThis.buffer

globalThis.buffer

globalThis.buffer as done above? Like:

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

import { Buffer } from 'node:buffer';
globalThis.Buffer = Buffer;

U

Unsmart•4/24/24, 1:49 AM

Not really sure never used browser rendering, not having the compat flag seemed like the obvious culprit from the error message

J

Josiah Bryan•4/24/24, 2:31 AM

Yep - seems obvious, but the RENDERING works fine! Screenshot is gucci and nice. it's the ".text()" thing that is the problem

S

Stingo•4/24/24, 9:27 AM

I d like to request test for browser rendering API Before paying .

Ddpeek I had the clever idea of using DurableObject location hints to get browser rende...

H

Hello, I’m Allie!•4/24/24, 9:44 AM

Can you share an example of how you are doing it?

Ddpeek I figured if the browser was requested from a DO in the right region it might al...

H

Hello, I’m Allie!•4/24/24, 10:07 AM

Which region are you using?

H

Hello, I’m Allie!•4/24/24, 10:07 AM

Actually, you can check too what colo your DO ended up in

H

Hello, I’m Allie!•4/24/24, 10:08 AM

Return this from your DO somehow

((
  await (await fetch("https://www.cloudflare.com/cdn-cgi/trace")).text()
).match(/^colo=(.+)/m) as string[])[1]

((
  await (await fetch("https://www.cloudflare.com/cdn-cgi/trace")).text()
).match(/^colo=(.+)/m) as string[])[1]

((
  await (await fetch("https://www.cloudflare.com/cdn-cgi/trace")).text()
).match(/^colo=(.+)/m) as string[])[1]

((
  await (await fetch("https://www.cloudflare.com/cdn-cgi/trace")).text()
).match(/^colo=(.+)/m) as string[])[1]

H

Hello, I’m Allie!•4/24/24, 10:08 AM

It will tell you which colo the DO is in

Ssc Setting the geographical location of the browser is in the roadmap. With DO hint...

H

Hello, I’m Allie!•4/24/24, 10:16 AM

Do the browsers utilize IPs geolocated to the same region as where they spawn?

S

Stingo•4/24/24, 10:20 AM

Is there a way to request more browser instances per minute ? or the limit for all plans is 2

Im testing the browserless api with the example screenshot worker. I cant get it to work when acces

Similar Threads

Similar Threads

Similar Threads