btw, is this code ok? `// Reacts to POST /api/hello export async function onRequest(request) { //

btw, is this code ok?

// Reacts to POST /api/hello
export async function onRequest(request) {
  // ...

  const body = { "products" : [
    { "Name": "Cheese", "Location": "Refrigerated foods"},
    { "Name": "Crisps", "Location": "the Snack isle"},
    { "Name": "Pizza", "Location": "Refrigerated foods"},
  ]}
  
  const headers = {
    'Access-Control-Allow-Origin': '*',
    'Content-type': 'application/json',
  };
  return new Response(body, { headers });
};

// Reacts to POST /api/hello
export async function onRequest(request) {
  // ...

  const body = { "products" : [
    { "Name": "Cheese", "Location": "Refrigerated foods"},
    { "Name": "Crisps", "Location": "the Snack isle"},
    { "Name": "Pizza", "Location": "Refrigerated foods"},
  ]}
  
  const headers = {
    'Access-Control-Allow-Origin': '*',
    'Content-type': 'application/json',
  };
  return new Response(body, { headers });
};

// Reacts to POST /api/hello
export async function onRequest(request) {
  // ...

  const body = { "products" : [
    { "Name": "Cheese", "Location": "Refrigerated foods"},
    { "Name": "Crisps", "Location": "the Snack isle"},
    { "Name": "Pizza", "Location": "Refrigerated foods"},
  ]}
  
  const headers = {
    'Access-Control-Allow-Origin': '*',
    'Content-type': 'application/json',
  };
  return new Response(body, { headers });
};

// Reacts to POST /api/hello
export async function onRequest(request) {
  // ...

  const body = { "products" : [
    { "Name": "Cheese", "Location": "Refrigerated foods"},
    { "Name": "Crisps", "Location": "the Snack isle"},
    { "Name": "Pizza", "Location": "Refrigerated foods"},
  ]}
  
  const headers = {
    'Access-Control-Allow-Origin': '*',
    'Content-type': 'application/json',
  };
  return new Response(body, { headers });
};

James•5/29/22, 3:38 PM

You'll want to JSON.stringifyJSON.stringify the bodybody, but otherwise yes

JJames You'll want to `JSON.stringify` the `body`, but otherwise yes 🙂

sumitOP•5/29/22, 3:43 PM

Thanks, while sending (in this code) or while receiving?

Isaac McFadyen•5/29/22, 3:44 PM

Sending.

sumitOP•5/29/22, 3:44 PM

cool

Isaac McFadyen•5/29/22, 3:44 PM

You can't directly put an Object body into a response, you'll need to JSON.stringify(body)JSON.stringify(body)

sumitOP•5/29/22, 3:44 PM

so the new body will be this?
body = JSON.stringify(body)

Isaac McFadyen•5/29/22, 3:48 PM

Yup.

IIsaac McFadyen Yup.

sumitOP•5/29/22, 3:48 PM

also, what is the widest possible class of this code that I can google so that I can find reusable code?

JS functions? Node.js functions? What should give me reusable code while also ensuring max possible userbase?

sumitOP•5/29/22, 3:50 PM

i feel really awkward asking everything on this channel even though y'all are really nice

GregBrimble•5/29/22, 3:51 PM

“Pure JS” for the general day-to-day is usually what I search for. Or “web API” if I’m needing something specific about how to access request/response sort of stuff.

GregBrimble•5/29/22, 3:52 PM

The MDN docs are brilliant

sumitOP•5/29/22, 3:52 PM

yeah MDN is the MVP

Ssumit btw, is this code ok? `// Reacts to POST /api/hello export async function onReq...

sumitOP•5/29/22, 3:53 PM

so how would you have googled my previous question, for example?

Isaac McFadyen•5/29/22, 3:53 PM

Even some Node.JS stuff will work, as long as it doesn't import any node-js specific packages.

IIsaac McFadyen Even some Node.JS stuff will *work*, as long as it doesn't import any node-js sp...

sumitOP•5/29/22, 3:53 PM

yeah pure js then i guess

Ssumit so how would you have googled my previous question, for example?

Isaac McFadyen•5/29/22, 3:53 PM

I would have done "return object in javascript response"

IIsaac McFadyen I would have done "return object in javascript response"

sumitOP•5/29/22, 3:53 PM

oh cool

Isaac McFadyen•5/29/22, 3:53 PM

an Object is what the {key: value}{key: value} structure is called in JS.

sumitOP•5/29/22, 3:53 PM

cool

sumitOP•5/29/22, 3:53 PM

thanks

Ssumit btw, is this code ok? `// Reacts to POST /api/hello export async function onReq...

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

so if I want to get back my json on client side, what would you change in this code?

async function fetchProductsAsJSON() {
    const response = await fetch('https://mydomain.com/api/hello');
    // waits until the request completes...
    console.log(response);
  }

  fetchProductsAsJSON();

async function fetchProductsAsJSON() {
    const response = await fetch('https://mydomain.com/api/hello');
    // waits until the request completes...
    console.log(response);
  }

  fetchProductsAsJSON();

kian•5/29/22, 4:03 PM

const json = await response.json()const json = await response.json()

kian•5/29/22, 4:03 PM

https://developer.mozilla.org/en-US/docs/Web/API/Response/json

Kkian `const json = await response.json()`

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

thanks and how would you have googled this if you were me?

kian•5/29/22, 4:06 PM

mdn response jsonmdn response json or mdn fetchmdn fetch will both have it

Kkian `mdn response json` or `mdn fetch` will both have it

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

cool, thanks

kian•5/29/22, 4:06 PM

although in the context of code running in Workers or Functions, it's not 1:1 the fetch you'll see on MDN

kian•5/29/22, 4:06 PM

so there's https://developers.cloudflare.com/workers/runtime-apis/fetch/

Fetch · Cloudflare Workers docs

Documentation for Cloudflare Workers, a serverless execution environment that allows you to create entirely new applications or augment existing ones without configuring or maintaining infrastructure.

kian•5/29/22, 4:07 PM

it's like 90% the same but there's a few bits here and there that aren't in Workers

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

is there a porting guide?

kian•5/29/22, 4:07 PM

it's mostly a few things from the initinit on here https://developer.mozilla.org/en-US/docs/Web/API/fetch

fetch() - Web APIs | MDN

The global fetch() method starts the process of fetching a
resource from the network, returning a promise which is fulfilled once the response is
available.

kian•5/29/22, 4:08 PM

there's no mode/credentials/etc on Workers

Kkian there's no mode/credentials/etc on Workers

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

then how auth headers get sent?

kian•5/29/22, 4:09 PM

same as any other header

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

oh cool

kian•5/29/22, 4:09 PM

fetch(url, {
  headers: {
    'foo': 'bar'
  }
}

fetch(url, {
  headers: {
    'foo': 'bar'
  }
}

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

thanks

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

i can access environment vars in functions code, right?

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

(without leaking them, i hope)

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

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

Yup, it'll be on context.env.VARIABLE_NAMEcontext.env.VARIABLE_NAME

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

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

thanks

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.envplatform.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•5/29/22, 9:43 PM

Call next()next() instead

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

context.next()context.next() in your example

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 HTMLRewriterHTMLRewriter on top

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

btw, is this code ok? `// Reacts to POST /api/hello export async function onRequest(request) { //

Similar Threads

Similar Threads

Similar Threads