No, bindings are configured via CLI flags

J

Jeroen•11/19/23, 4:42 PM

I see, got it

J

Jeroen•11/19/23, 5:19 PM

Alright, my only final hurdle is that I now need to deploy it, which requires building it. I assume building it on the cloud is not the way to go here.

HHello, I’m Allie!No, bindings are configured via CLI flags

J

Jeroen•11/19/23, 6:46 PM

I got it to work this way! I did have to disable Cloudflare's built-in build process though, and upload manually with wrangler.

One side-effect is that all my backend code is accessible through the web now, as people can navigate to ./shim.mjs etc. Is there a way to stop that? I am thinking of making a redirect rule, but perhaps something more elegant works?

JJeroen I got it to work this way! I did have to disable Cloudflare's built-in build pro...

H

Hello, I’m Allie!OP•11/19/23, 6:48 PM

The

shim.mjs

shim.mjs

shim.mjs

shim.mjs shouldn't be in the output directory at all. Maybe try moving it somewhere else?

J

Jeroen•11/19/23, 6:49 PM

@HardlyHolidayin’ If I upload manually, I can only upload the output directory.

J

Jeroen•11/19/23, 6:49 PM

And cloudflare's built-in build process doesn't work as it doesn't support cargo compiling.

J

Jeroen•11/19/23, 6:50 PM

wrangler2

wrangler2

wrangler2

wrangler2 doesn't seem to have any parameters that allow me to set the "public" directory to a subfolder.

JJeroen @HardlyHolidayin’ If I upload manually, I can only upload the output directory.

H

Hello, I’m Allie!OP•11/19/23, 6:50 PM

Are you uploading via

wrangler

wrangler

?

J

Jeroen•11/19/23, 6:50 PM

yep!

JJeroen yep!

H

Hello, I’m Allie!OP•11/19/23, 6:52 PM

Can you give a folder structure, and your

deploy

deploy

command

J

Jeroen•11/19/23, 6:52 PM

❯ tree dist                 
dist
├── _astro
│   └── index.efe4faea.css
├── favicon.svg
├── index.html
├── _routes.json
├── worker
│   ├── index.wasm
│   └── shim.mjs
└── _worker.js

❯ tree dist                 
dist
├── _astro
│   └── index.efe4faea.css
├── favicon.svg
├── index.html
├── _routes.json
├── worker
│   ├── index.wasm
│   └── shim.mjs
└── _worker.js

❯ tree dist                 
dist
├── _astro
│   └── index.efe4faea.css
├── favicon.svg
├── index.html
├── _routes.json
├── worker
│   ├── index.wasm
│   └── shim.mjs
└── _worker.js

❯ tree dist                 
dist
├── _astro
│   └── index.efe4faea.css
├── favicon.svg
├── index.html
├── _routes.json
├── worker
│   ├── index.wasm
│   └── shim.mjs
└── _worker.js

wrangler2 pages deploy dist --project-name=project

wrangler2 pages deploy dist --project-name=project

wrangler2 pages deploy dist --project-name=project

wrangler2 pages deploy dist --project-name=project

JJeroen ``` ❯ tree dist dist ├── _astro │ └── index.efe4faea.css ├── ...

H

Hello, I’m Allie!OP•11/19/23, 6:53 PM

What if you move

worker

worker

out of dist, and then update the import in

_worker.js

_worker.js

_worker.js

_worker.js?

HHello, I’m Allie!What if you move `worker` out of dist, and then update the import in `_worker.js...

J

Jeroen•11/19/23, 6:54 PM

Then how do I upload it?

JJeroen Then how do I upload it?

H

Hello, I’m Allie!OP•11/19/23, 6:55 PM

If it is imported by

_worker.js

_worker.js

_worker.js

_worker.js, it should be bundled automatically

J

Jeroen•11/19/23, 7:01 PM

well, it certainly is producing some sort of behaviour... I need to debug this a bit more clearly.

HHello, I’m Allie!If it is imported by `_worker.js`, it should be bundled automatically

J

Jeroen•11/19/23, 7:48 PM

I figured it out. Deploying with

wrangler

wrangler

does not deploy to any connected domains. Any clues on this?

J

Jeroen•11/19/23, 7:50 PM

ah! I got it, the old standalone worker was still running and interfering, all good, all works!

HHello, I’m Allie!If it is imported by `_worker.js`, it should be bundled automatically

J

Jeroen•11/19/23, 7:50 PM

An amazingly big thank you for the awesome help!

D

Dave P•11/20/23, 12:18 AM

This might be a stupid question. If I make a full stack app on Pages using Svektekit, where do I place the backend logic? If it's page specific, can I place it in +page.server? If I have complex logic, should I place it in /functions? Or does it matter? Can I place it in /api, for example?

D

David Charles•11/20/23, 6:58 AM

Hi everyone, I want to Integrate Sentry with Page function, And I follow this docs

D

David Charles•11/20/23, 6:58 AM

https://developers.cloudflare.com/pages/platform/functions/plugins/sentry

Sentry · Cloudflare Pages docs

The Sentry Pages Plugin captures and logs all exceptions which occur below it in the execution chain of your Pages Functions. It is therefore …

D

David Charles•11/20/23, 6:59 AM

I have one question. What type of Sentry support for page function. I don't know which type is suitable. Please help,

D

David Charles•11/20/23, 6:59 AM

D

deathpenguin122•11/20/23, 9:20 AM

Hi all - I'm confused, and struggling to understand how functions actually fit in.

I've used C3 to create a simple vue3 app with vue router and pina store.

After the fact, I've added a functions folder, with a simple helloworld.js as a function.

For the life of me, I cannot get the function to fire. At best I can get it to return the actual function itself, but invoking the function from within the app escapes me.

Any help or simple guides would be great! I know there is a guide for create-react-app, but I think vue router might be doing something weird.

UPDATE: I literally cannot get it to fire. The lack of decent documentation + the fact that wrangler throws a workerd error every 2 seconds has made me give up. Supabase Edge functions it is then.

S

ssbarbee•11/20/23, 10:55 AM

hey folks! maybe dumb question... In my repository I added the

functions

functions

functions

functions folder taken from a tutorial I am following. Is that the only thing I need to do? I cannot see the functionality from the

functions

functions

functions

functions folder. I am following this: https://dev.to/charca/password-protection-for-cloudflare-pages-8ma . Does the

functions

functions

functions

functions folder need to be part of the build as well as in

build/functions

build/functions

build/functions

build/functions?

V

Village (Josef)•11/21/23, 3:55 AM

Is the max Worker CPU time feature out yet? If so, is it available for Pages Functions?

K

kian•11/21/23, 3:57 AM

Is the max Worker CPU time feature out yet?

Yes.

If so, is it available for Pages Functions?

Yes.

K

kian•11/21/23, 3:57 AM

You will need your usage model set to Standard, and it will appear below the usage model.

K

kian•11/21/23, 3:57 AM

V

Village (Josef)•11/21/23, 4:01 AM

Ahhh

V

Village (Josef)•11/21/23, 4:02 AM

Thank you!

A

ALMHERICH😊•11/21/23, 4:14 AM

Hello

A

ALMHERICH😊•11/21/23, 4:16 AM

How can i recieve my cashout in paid2play thanks

K

kian•11/21/23, 4:16 AM

That isn't related to Cloudflare, you would have to contact the site owners.

L

Leon338•11/21/23, 7:16 PM

Anyone know why I can't access my local KV?
Start Command

wrangler pages dev --kv=MY_KV --compatibility-date=2023-10-30 --proxy 3000 -- npm run dev

wrangler pages dev --kv=MY_KV --compatibility-date=2023-10-30 --proxy 3000 -- npm run dev

wrangler pages dev --kv=MY_KV --compatibility-date=2023-10-30 --proxy 3000 -- npm run dev

wrangler pages dev --kv=MY_KV --compatibility-date=2023-10-30 --proxy 3000 -- npm run dev

Function

export default defineEventHandler(({ context }) => {
  return context;
});

export default defineEventHandler(({ context }) => {
  return context;
});

export default defineEventHandler(({ context }) => {
  return context;
});

export default defineEventHandler(({ context }) => {
  return context;
});

Context

{
  "_nitro": {
    "routeRules": {}
  },
  "nitro": {
    "errors": []
  },
  "matchedRoute": {
    "path": "/api/hello",
    "handlers": {}
  },
  "params": {}
}

{
  "_nitro": {
    "routeRules": {}
  },
  "nitro": {
    "errors": []
  },
  "matchedRoute": {
    "path": "/api/hello",
    "handlers": {}
  },
  "params": {}
}

{
  "_nitro": {
    "routeRules": {}
  },
  "nitro": {
    "errors": []
  },
  "matchedRoute": {
    "path": "/api/hello",
    "handlers": {}
  },
  "params": {}
}

{
  "_nitro": {
    "routeRules": {}
  },
  "nitro": {
    "errors": []
  },
  "matchedRoute": {
    "path": "/api/hello",
    "handlers": {}
  },
  "params": {}
}

It's nuxt. And if I try to access it like in the Docs context.cloudflare.env.MY_KV; I get cloudflare isn't defined

Error

[proxy]: [nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'env')

[proxy]: [nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'env')

[proxy]: [nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'env')

[proxy]: [nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'env')

LLeon338 Anyone know why I can't access my local KV? Start Command ```wrangler pages dev...

L

Leon338•11/21/23, 8:02 PM

For real I can't get it running. Please add some proper local examples ... It works on deploy but not local. I tried for hours

LLeon338 Anyone know why I can't access my local KV? Start Command ```wrangler pages dev...

H

Hello, I’m Allie!OP•11/21/23, 8:07 PM

You can't use bindings in proxy mode

H

Hello, I’m Allie!OP•11/21/23, 8:07 PM

You can use something like https://www.npmjs.com/package/cf-bindings-proxy to bridge the gap

npm

cf-bindings-proxy

Experimental proxy for interfacing with bindings in projects targeting Cloudflare Pages. Latest version: 0.7.1, last published: 20 days ago. Start using cf-bindings-proxy in your project by running

npm i cf-bindings-proxy

npm i cf-bindings-proxy

npm i cf-bindings-proxy

npm i cf-bindings-proxy. There are no other projects in the npm registry using cf-bindings-proxy.

HHello, I’m Allie!You can't use bindings in proxy mode

L

Leon338•11/21/23, 8:08 PM

Noo way I tried for like 6 hours to get this stupid cloudflare context feelskek2

HHello, I’m Allie!You can't use bindings in proxy mode

L

Leon338•11/21/23, 8:10 PM

But doesn't this say I can use the context?? https://developers.cloudflare.com/pages/platform/functions/bindings/

Interact with your KV namespaces locally
While developing locally, interact with your KV namespace by adding -k <BINDING_NAME> or --kv=<BINDING_NAME> to your run command. For example, if your namespace is bound to TODO_LIST, access the KV namespace in your local dev by running npx wrangler pages dev <OUTPUT_DIR> --kv=TODO_LIST. The data from this namespace can be accessed using context.env.TODO_LIST.

Interact with your KV namespaces locally
While developing locally, interact with your KV namespace by adding -k <BINDING_NAME> or --kv=<BINDING_NAME> to your run command. For example, if your namespace is bound to TODO_LIST, access the KV namespace in your local dev by running npx wrangler pages dev <OUTPUT_DIR> --kv=TODO_LIST. The data from this namespace can be accessed using context.env.TODO_LIST.

Interact with your KV namespaces locally
While developing locally, interact with your KV namespace by adding -k <BINDING_NAME> or --kv=<BINDING_NAME> to your run command. For example, if your namespace is bound to TODO_LIST, access the KV namespace in your local dev by running npx wrangler pages dev <OUTPUT_DIR> --kv=TODO_LIST. The data from this namespace can be accessed using context.env.TODO_LIST.

Interact with your KV namespaces locally
While developing locally, interact with your KV namespace by adding -k <BINDING_NAME> or --kv=<BINDING_NAME> to your run command. For example, if your namespace is bound to TODO_LIST, access the KV namespace in your local dev by running npx wrangler pages dev <OUTPUT_DIR> --kv=TODO_LIST. The data from this namespace can be accessed using context.env.TODO_LIST.

LLeon338 But doesn't this say I can use the context?? https://developers.cloudflare.com/p...

H

Hello, I’m Allie!OP•11/21/23, 8:18 PM

You can use bindings, just not in proxy mode. The

context.env

context.env

context.env

context.env in this case is if you are using raw Functions, instead of a framework like Nuxt

HHello, I’m Allie!You can use bindings, just not in proxy mode. The `context.env` in this case is ...

L

Leon338•11/21/23, 8:19 PM

Ohh boi, good to know. But the bindings proxy did work thank you

ز

زين•12/3/23, 5:04 PM

How do i host my discord bot's dashboard using cloudflare? Somehow when i made a git repo of my bot's code and built it with cloudflare the bot is now 24/7 online, but when i try accessing the page of the site(provided by cloudflare) it shows that the site is empty or idk

E

Erisa•12/3/23, 5:50 PM

It very very heavily depends on what technology you built the dashboard with and what environment is required to host it

EErisa It very very heavily depends on what technology you built the dashboard with and...

ز

زين•12/3/23, 6:25 PM

Express

ز

زين•12/3/23, 6:26 PM

And wdym what environment?

ز

زين•12/3/23, 6:29 PM

@Erisa | Support Engineer mind helping me in dms?

ززين Express

H

Hello, I’m Allie!OP•12/3/23, 6:57 PM

You can’t host an Express app on Cloudflare, so that might be why

No, bindings are configured via CLI flags

Similar Threads

Similar Threads

Similar Threads