i can access environment vars in functions code, right? - Cloudflare Developers

© 2026 Hedgehog Software, LLC

More

Communities Docs About Terms Privacy

sumit

S

sumitOP•5/29/22, 4:18 PM

(without leaking them, i hope)

sumit

Ssumit i can access environment vars in functions code, right?

Isaac McFadyen

I

Isaac McFadyen•5/29/22, 4:24 PM

Yup, it'll be on

context.env.VARIABLE_NAME

context.env.VARIABLE_NAME

Isaac McFadyen

IIsaac McFadyen Yup, it'll be on `context.env.VARIABLE_NAME`

sumit

S

sumitOP•5/29/22, 4:36 PM

thanks

benank

B

benank•5/29/22, 7:19 PM

I'm using sveltekit with functions (with adapter-auto so sveltekit endpoints are the functions now), but I am having trouble accessing env vars when testing locally. I am using wrangler:

wrangler pages dev --port 8788 --proxy 3000 --binding $(cat .env) -- svelte-kit dev

wrangler pages dev --port 8788 --proxy 3000 --binding $(cat .env) -- svelte-kit dev

However,

platform

platform

is always undefined in the endpoints. How can I fix this so I can access

platform.env

platform.env

while testing locally with wrangler2?

The code works fine in production when deployed to cloudflare. On the guide for setting it up, it says to use wrangler to test it locally, but

platform

platform

is always undefined: https://github.com/sveltejs/kit/tree/master/packages/adapter-cloudflare#environment-variables

James

J

James•5/29/22, 9:43 PM

Call

next()

next()

instead

James

J

James•5/29/22, 9:44 PM

context.next()

context.next()

in your example

James

J

James•5/29/22, 9:44 PM

Or you can

const file = await next()

const file = await next()

to get the response and then run an

HTMLRewriter

HTMLRewriter

on top

James

J

James•5/29/22, 9:45 PM

maybe technically it could fail if KV or something is entirely down... but I wouldn't worry about it in your context

sumit

S

sumitOP•5/30/22, 5:34 PM

hi CF team,

if i POST via xhr on client side, will i be able to receive via onRequest on CF functions?

Original message was deleted

sumit

S

sumitOP•5/30/22, 5:35 PM

my main question was, xhr post works, right?

Original message was deleted

sumit

S

sumitOP•5/30/22, 5:39 PM

special reason = i already have xhr deployed so only little changes needed

sumit

S

sumitOP•5/30/22, 8:11 PM

How does one protect against a theoretical DDoS on my function?

sumit

S

sumitOP•5/30/22, 8:12 PM

Like the 100k limit for the day would be magically gone

sumit

S

sumitOP•5/30/22, 8:12 PM

If it happens

Erwin

EErwin Pages Functions? No, not yet no. Certainly something they want to ship as soon a...

BensTechLab

B

BensTechLab•5/30/22, 9:09 PM

Are pages functions different than cloudflare workers? Ie: don't necessarily have feature parity (I'm new-ish to both)

Fayaz

FFayaz Can someone tell me, how to run a function I wrote locally, inside a vue js app ...

BensTechLab

B

BensTechLab•5/30/22, 9:12 PM

I'm interested in this concept as well - though I'm using React and not Vue, the principal is the same.

BensTechLab

BBensTechLab I'm interested in this concept as well - though I'm using React and not Vue, the...

BensTechLab

B

BensTechLab•5/30/22, 9:17 PM

Just thinking out loud here... I noticed for pages functions in "advanced mode", you have to serve your static assets in your functions with

return env.ASSETS.fetch(request);

return env.ASSETS.fetch(request);

(see https://developers.cloudflare.com/pages/platform/functions/#advanced-mode). So at least in advanced mode it seems you could also proxy asset requests to another local development server (ie: create-react-app dev server running on port 3000). It would be a neat idea to add to wrangler2 to provide a local dev server url where you could both be debugging pages functions and running a framework dev server locally (that will later be compiled/transpiled to a bundled/minified production build before being published to pages). This I think describes the ask for people using React/Vue/Angular/etc.

Functions (beta) · Cloudflare Pages docs

Documentation for Cloudflare Pages, the best way to deploy your static and JAMstack sites

BensTechLab

BBensTechLab Are pages functions different than cloudflare workers? Ie: don't necessarily hav...

Erwin

E

Erwin•5/30/22, 11:26 PM

They are mostly the same. Pages Functions basically compile/bundle down to Workers. The current limitations mean that you can't configure the Pages Functions Worker as completely yet as you can a regular Worker. So you can't yet set any compatibility date/flags..

And you can't deploy any Durable Objects inside your Pages repository. (Although you can bind a DO published by another Worker)..

BensTechLab

BBensTechLab I'm interested in this concept as well - though I'm using React and not Vue, the...

sumit

S

sumitOP•5/31/22, 10:25 AM

I'm interested in this too, i think using Next.js but essentially the same question

sumit

Ssumit How does one protect against a theoretical DDoS on my function?

sumit

S

sumitOP•5/31/22, 10:26 AM

Also this

Elfhild

EElfhild how do i use prisma on cloudflare workers?

Isaac McFadyen

I

Isaac McFadyen•5/31/22, 6:52 PM

I'm assuming you mean on Functions. You can't currently use Prisma on Functions because it requires bundling with a bundler like WebPack or

esbuild

esbuild

.

Isaac McFadyen

I

Isaac McFadyen•5/31/22, 6:52 PM

If you mean Workers then that's totally possible. But I assumed you meant Functions because this is #functions

amorfati

A

amorfati•5/31/22, 7:26 PM

anyone experience this with

HTMLRewriter()

HTMLRewriter()

?

log:

Trace: Response body object should not be disturbed or locked

Trace: Response body object should not be disturbed or locked

Elfhild

EElfhild Is D1 planned to work on functions too? do you know?

Isaac McFadyen

I

Isaac McFadyen•5/31/22, 7:27 PM

I would assume so, yes. But I doubt immediately after beta launch

Isaac McFadyen

IIsaac McFadyen I'm assuming you mean on Functions. You can't currently use Prisma on Functions ...

Hello, I’m Allie!

H

Hello, I’m Allie!•5/31/22, 7:33 PM

You can use a bundler with Functions, right?

amorfati

Aamorfati anyone experience this with `HTMLRewriter()`? log: `Trace: Response body object...

Hello, I’m Allie!

H

Hello, I’m Allie!•5/31/22, 7:33 PM

Did you read the body before you transform it?

Hello, I’m Allie!

HHello, I’m Allie!You can use a bundler with Functions, right?

Isaac McFadyen

I

Isaac McFadyen•5/31/22, 7:33 PM

You can but it negates all of what Functions does, and the command for it is pretty undocumented.

Isaac McFadyen

I

Isaac McFadyen•5/31/22, 7:34 PM

(Advanced Mode +

wrangler pages build

wrangler pages build

I think? And then you have to call

next()

next()

yourself and it's a mess rn)

Hello, I’m Allie!

HHello, I’m Allie!Did you read the body before you transform it?

amorfati

A

amorfati•5/31/22, 7:34 PM

  const oldResponse = await next()
  const contentType = oldResponse.headers.get('Content-Type')
  if (contentType && contentType.startsWith('text/html')) {
    const newResponse = handler.transform(oldResponse)
    return oldResponse
  }

  const oldResponse = await next()
  const contentType = oldResponse.headers.get('Content-Type')
  if (contentType && contentType.startsWith('text/html')) {
    const newResponse = handler.transform(oldResponse)
    return oldResponse
  }

amorfati

A

amorfati•5/31/22, 7:35 PM

It happens when returning the old response. I'm just using new response for logging

amorfati

Aamorfati It happens when returning the old response. I'm just using new response for logg...

Hello, I’m Allie!

H

Hello, I’m Allie!•5/31/22, 7:35 PM

Once a Response is read, you cannot read it again. If you transform oldResponse, you cannot return it

amorfati

A

amorfati•5/31/22, 7:36 PM

gotcha

Elfhild

EElfhild Is D1 planned to work on functions too? do you know?

Walshy

W

Walshy•5/31/22, 7:37 PM

Of course. We will always support all the bindings Workers do. It's a little more complex so there is a delay but we will add it

amorfati

A

amorfati•5/31/22, 7:38 PM

my end goal is to read the html, find a specific tag with id "article", inject new element under it. When I read the html, it always says "undefined" for the innerHTML even when I use *.

  const oldResponse = await next()
  const contentType = oldResponse.headers.get('Content-Type')
  if (contentType && contentType.startsWith('text/html')) {
    const newResponse = handler.transform(oldResponse)
    return oldResponse
  }

  const oldResponse = await next()
  const contentType = oldResponse.headers.get('Content-Type')
  if (contentType && contentType.startsWith('text/html')) {
    const newResponse = handler.transform(oldResponse)
    return oldResponse
  }