I have an `await` on my call to the worker binding

J

Jonas Dautel•10/10/23, 11:24 AM

i am trying to get my function to accept a http POST with formdata and then send that to a webhook to discord. Somehow i am only getting an empty object but also no errors in the logs in the dashboard :

/**
 * POST /api/submit
 */
export async function onRequestPost(context) {
    try {
      let input = await context.request.formData();
      let pretty = JSON.stringify([...input], null, 2);
      console.log(input.toString());
      console.log("Sending Discord Message");
      sendDiscordMessage("Website Contact Form", pretty, "https://discord.com/api/webhooks/1161255461614526525/");
      return new Response(pretty, {
        headers: {  
          'Content-Type': 'application/json;charset=utf-8',
        },
      });
    } catch (err) {
      return new Response('Error parsing JSON content', { status: 400 });
    }
  }


  async function sendDiscordMessage(name, message, webhookUrl) {
    await fetch(webhookUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        username: 'Website Contact Form',
        embeds: [{
          title: 'New Message',
          type: 'rich',
          fields: [
            {
              name: 'Name',
              value: name,
            },
            {
              name: 'Message',
              value: message,
            }
          ]
        }]
      }),
    });
    console.log("Message Sent");
    console.log(fetch)
  }

/**
 * POST /api/submit
 */
export async function onRequestPost(context) {
    try {
      let input = await context.request.formData();
      let pretty = JSON.stringify([...input], null, 2);
      console.log(input.toString());
      console.log("Sending Discord Message");
      sendDiscordMessage("Website Contact Form", pretty, "https://discord.com/api/webhooks/1161255461614526525/");
      return new Response(pretty, {
        headers: {  
          'Content-Type': 'application/json;charset=utf-8',
        },
      });
    } catch (err) {
      return new Response('Error parsing JSON content', { status: 400 });
    }
  }


  async function sendDiscordMessage(name, message, webhookUrl) {
    await fetch(webhookUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        username: 'Website Contact Form',
        embeds: [{
          title: 'New Message',
          type: 'rich',
          fields: [
            {
              name: 'Name',
              value: name,
            },
            {
              name: 'Message',
              value: message,
            }
          ]
        }]
      }),
    });
    console.log("Message Sent");
    console.log(fetch)
  }

/**
 * POST /api/submit
 */
export async function onRequestPost(context) {
    try {
      let input = await context.request.formData();
      let pretty = JSON.stringify([...input], null, 2);
      console.log(input.toString());
      console.log("Sending Discord Message");
      sendDiscordMessage("Website Contact Form", pretty, "https://discord.com/api/webhooks/1161255461614526525/");
      return new Response(pretty, {
        headers: {  
          'Content-Type': 'application/json;charset=utf-8',
        },
      });
    } catch (err) {
      return new Response('Error parsing JSON content', { status: 400 });
    }
  }


  async function sendDiscordMessage(name, message, webhookUrl) {
    await fetch(webhookUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        username: 'Website Contact Form',
        embeds: [{
          title: 'New Message',
          type: 'rich',
          fields: [
            {
              name: 'Name',
              value: name,
            },
            {
              name: 'Message',
              value: message,
            }
          ]
        }]
      }),
    });
    console.log("Message Sent");
    console.log(fetch)
  }

/**
 * POST /api/submit
 */
export async function onRequestPost(context) {
    try {
      let input = await context.request.formData();
      let pretty = JSON.stringify([...input], null, 2);
      console.log(input.toString());
      console.log("Sending Discord Message");
      sendDiscordMessage("Website Contact Form", pretty, "https://discord.com/api/webhooks/1161255461614526525/");
      return new Response(pretty, {
        headers: {  
          'Content-Type': 'application/json;charset=utf-8',
        },
      });
    } catch (err) {
      return new Response('Error parsing JSON content', { status: 400 });
    }
  }


  async function sendDiscordMessage(name, message, webhookUrl) {
    await fetch(webhookUrl, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        username: 'Website Contact Form',
        embeds: [{
          title: 'New Message',
          type: 'rich',
          fields: [
            {
              name: 'Name',
              value: name,
            },
            {
              name: 'Message',
              value: message,
            }
          ]
        }]
      }),
    });
    console.log("Message Sent");
    console.log(fetch)
  }

J

Jonas Dautel•10/10/23, 11:24 AM

any pointers why i would not see any of the later console.logs or why this is not getting the formdata

P

Paolo•10/10/23, 4:06 PM

is wrangler's watch_dirs supported for pages local development? I'm doing some libs development and i could do with autoupdate

R

riskiidrus•10/13/23, 6:50 AM

Can anyone help me?

My worker receives error 1101 when trying to send a POST request to the following endpoint:

https://oauth2.googleapis.com/token

Even though as long as it's on localhost, it's fine. I don't accept any errors.

This is what the code looks like:

var body = new FormData();
body.set('client_id', 'xxxxx');
body.set('client_secret', 'xxxxx');
body.set('code', 'xxxxx');
body.set('grant_type', 'authorization_code');
body.set('redirect_uri', 'xxxxx');

var f = await (await fetch('https://oauth2.googleapis.com/token', {"method": "POST", body})).json();

if(empty(f.error)){

/.../

} else {

/.../

}

Rriskiidrus Can anyone help me? My worker receives error 1101 when trying to send a POST re...

H

Hello, I’m Allie!•10/13/23, 6:52 AM

If you tail your Functions, what error does it display?

H

Hello, I’m Allie!•10/13/23, 6:54 AM

Via

wrangler pages deployment tail

wrangler pages deployment tail

wrangler pages deployment tail

wrangler pages deployment tail

Commands - Wrangler · Cloudflare Workers docs

Wrangler offers a number of commands to manage your Cloudflare Workers.

R

riskiidrus•10/13/23, 7:03 AM

Thank you for the help. I already know the cause. I forgot or didn't realize that I always have to clone a Response before I can modify it. Even though this is what I always did before.

A

agathorpt•10/13/23, 12:39 PM

I need help, I'm building a CF Pages plugin, Compiled Workers says it's good, but the dist folder does not include any of the static files I told him to

A

agathorpt•10/13/23, 12:39 PM

is this normal?

A

agathorpt•10/13/23, 1:18 PM

You're attempting to import static assets as part of your Pages Functions, but have not specified a directory in which to put them. You must use 'wrangler pages dev <directory>' rather than 'wrangler pages dev -- <command>' to import static assets in Functions.

A

agathorpt•10/13/23, 1:18 PM

as part of importing a plugin that uses static assets

A

agathorpt•10/13/23, 5:01 PM

is there any way I can get support from a cloudflare plugins/wrangler expert? the issue I'm having is very weird atm

E

Erisa•10/14/23, 12:44 PM

Please dont post the same problem in multiple channels

A

agathorpt•10/14/23, 12:47 PM

I'm sorry

G

GH•10/15/23, 8:08 AM

In Cloudflare Workers, I use code like this

if (request.headers.get("Origin") !== "(Website)") { } return new Response('Unauthorized', { status: 403 }); }

I set it to reject all requests except those from my website.

However, using the above method, since the server code is executed even when rejecting requests from other websites, it counts towards the 100,000/day limit on the free plan. This means that a malicious user may intentionally send requests to exceed this limit. How can I prevent this?

K

kian•10/15/23, 8:25 AM

Use the WAF to do it instead

K

kian•10/15/23, 8:25 AM

https://developers.cloudflare.com/ruleset-engine/rules-language/fields/#http-request-header-fields

Fields reference · Cloudflare Ruleset Engine docs

The Cloudflare Rules language supports a range of field types:

G

GH•10/15/23, 8:43 AM

Thank you!

P

poi•10/15/23, 6:37 PM

hello, everyone. have a nice day!
I'm wondering that can i use both

_headers

_headers

_headers

_headers

_redirects

_redirects

_redirects

_redirects files feature and

workers.js

workers.js

workers.js

workers.js?
My use case is that I need to server-side rendering my application and want to managing redirects in

_redirects

_redirects

_redirects

_redirects file in same time.

Ppoi hello, everyone. have a nice day! I'm wondering that can i use both `_headers` `...

P

poi•10/15/23, 6:51 PM

oh, never mind, I managed to do it by putting a _routes.json file in output directory blobhaj

은

은성•10/16/23, 6:01 AM

I could use some help, I have no idea hoe to request these pages functions

은

은성•10/16/23, 6:01 AM

은

은성•10/16/23, 6:02 AM

I just pushed a helloworld, in the functions folder, went to /helloworld, and it's 404

은

은성•10/16/23, 6:22 AM

I also find the language around _routes.json confusing:
docs say:
Create a _routes.json file to control when your Function is invoked. It should be placed in the output directory of your project.
which I assume refers this config:
Build command:
npm run build
Build output directory:
/dist
Root directory:
/
Build comments on pull requests:
Enabled

but function page says:
Invocation routes

Invocation routes determine when your Functions script is executed. This file is generated based on the files present in the /functions directory.

which neither placing in functions, dist, or root seemed to change the Invocation routes

E

Egor•10/16/23, 9:11 AM

Hi. I have cloudflare pages project with frontend and a bunch of functions. I'd like to get scheduled jobs working but it seems like I should switch to cloudflare workers instead of pages. Is it correct? Or It's just enough to create a worker next to my pages app?

Original message was deleted

E

Egor•10/16/23, 9:32 AM

Thank you!

1

100Rav•10/18/23, 7:04 AM

Can you help me or share some documentation to add cloudflare CDN in telynx bucket?

S

serpa•10/18/23, 7:57 PM

Hey guys, I have a question.

I have a nextjs static site, all HTML, js and css. No server side rendering.
I want to have the nextjs app generate a bunch of static "websites" for different clients.

Then (I'm not sure if I can do this) I want to intercept all the request to the pages IP and based on the host, fetch the correct ASSETS.

Imagine: client1.com -> Pages Function -> Retrieve static file from ASSETS/client1/index.html

I'm trying to work with the

_worker.js

_worker.js

file, but it seems that cloudflare is not picking it.

Can anyone help, plz?

A

agathorpt•10/19/23, 10:01 AM

does env.ASSETS.fetch cache by default? Or I would have to work with the Cache API?

Aagathorpt does env.ASSETS.fetch cache by default? Or I would have to work with the Cache A...

I

Isaac McFadyen•10/19/23, 11:25 AM

Caches by default and any Cache applied on top of it will actually make things worse because then the cache won't be properly purged during updates to your Pages site.

SShimi I wrote this in #workers-discussions but maybe anyone here will have anything t...

H

Hello, I’m Allie!•10/19/23, 6:05 PM

Pages generally lags a bit behind when it comes to features/bindings supported. For example, you can't deploy Durable Objects, Queue Consumers, use Vectorize, etc.

S

simpson•10/20/23, 12:06 PM

they are working on bringing the two products together, ah what a glorious day that shall be

C

cosbgn•10/21/23, 9:31 AM

Hey, more of a curiosity rather than anything else, but I was wondering why the

nodejs_compat

nodejs_compat

compatibility flag is not active by default nor it will be.

What's the advantage of not having it active by default? Any drawbacks?

Ccosbgn Hey, more of a curiosity rather than anything else, but I was wondering why the ...

H

Hello, I’m Allie!•10/21/23, 9:34 AM

Compat Flags/Dates are there to ensure that Workers never break. Someone’s script may rely on a flag not being set, which would break if it was set by default

C

cosbgn•10/21/23, 9:35 AM

Yeah, but the docs says that this flag will never be enabled, not even in future compatibility dates

C

cosbgn•10/21/23, 9:36 AM

That's why I was wondering what's special about this one. Seems like a great feature which unlocks a lot of packages, and yet it's "hidden" behind a flag.

EEisenbergEffect After playing around with quite a few things, it looks like wrangler isn't trans...

H

Hello, I’m Allie!•10/21/23, 7:37 PM

Does it work if you build with

esbuild

esbuild

manually? I'm guessing it might be that

using

using

support was added to

esbuild

esbuild

in v0.18.7, but

wrangler

wrangler

uses v0.17.19

A

Anton•10/23/23, 5:05 PM

Let's say I have several Functions in a Pages project and I want to call one Function from another, does the request go through public internet or internally in the worker (that was generated for the functions)?

Particularly interested if I call a Function from my Astro SSR (which runs in a Pages Function) will introduce latency due to going through public internet?

J

j3st3r•10/24/23, 12:38 AM

Hi guys. Is that function code from official Website working for you? I'm getting back:

✘ [ERROR] Could not resolve "@cloudflare/ai"


import { Ai } from '@cloudflare/ai'

export async function onRequest(context) {
  const ai = new Ai(context.env.AI);

  const input = { prompt: "What is the origin of the phrase Hello, World" }

  const answer = await ai.run('@cf/meta/llama-2-7b-chat-int8', input);

  return Response.json(answer);
}


import { Ai } from '@cloudflare/ai'

export async function onRequest(context) {
  const ai = new Ai(context.env.AI);

  const input = { prompt: "What is the origin of the phrase Hello, World" }

  const answer = await ai.run('@cf/meta/llama-2-7b-chat-int8', input);

  return Response.json(answer);
}


import { Ai } from '@cloudflare/ai'

export async function onRequest(context) {
  const ai = new Ai(context.env.AI);

  const input = { prompt: "What is the origin of the phrase Hello, World" }

  const answer = await ai.run('@cf/meta/llama-2-7b-chat-int8', input);

  return Response.json(answer);
}


import { Ai } from '@cloudflare/ai'

export async function onRequest(context) {
  const ai = new Ai(context.env.AI);

  const input = { prompt: "What is the origin of the phrase Hello, World" }

  const answer = await ai.run('@cf/meta/llama-2-7b-chat-int8', input);

  return Response.json(answer);
}

I can run the Worker AI (different code). However I'd like to run the AI model within a Pages function as well. Am I missing something here?

K

kian•10/24/23, 12:46 AM

Have you installed the package with a package manager? i.e

npm i @cloudflare/ai

npm i @cloudflare/ai

npm i @cloudflare/ai

npm i @cloudflare/ai

J

j3st3r•10/24/23, 12:59 AM

Hi @kian , I'm not running the app locally, I'm deploying it directly to Cludflare by connecting a GitHub repo to Pages. Is still needed I run some command?

I have an `await` on my call to the worker binding

Similar Threads

Similar Threads

Similar Threads