I don't care what the Stripe or CF team says, the Stripe SDK absolutely does not work with Pages, so yeah you've basically got to hit their API manually

To get the Stripe SDK working on Workers, you have to bundle it with Webpack and polyfills for Node specific instances. But the challenge is that you don't have any bundling step in Pages Functions.. and Functions doesn't do automatic polyfilling yet.

I am trying to do a POC CF pages app with some workers. Recently, I started attempting to use the fetch API to pull things from a 3rd party, but that only works locally (wrangler dev) but not when I deploy to CF pages. I can't find any docs on how to debug or look at logs. I tried wrangler tail but I don't know the "script name" in that case. Any advice? Code looks like this:

import { getApiUrl, lookupQueryStringVariable } from "./utils";

export const onRequestGet = async ({
  request,
  env,
  params,
  waitUntil,
  next,
  data,
}) => {
  const gameId = lookupQueryStringVariable(request, "gameId");
  const url = `${getApiUrl()}game-state&gameId=${gameId}`;
  return fetch(url, {
    method: "GET",
    cache: "no-cache",
  });
};

Although I think @User was toying with the idea of including it in wrangler 2 I think?

Hehe.. I was just typing to see if you could include the code snippet @User 🙂

right now i am getting a

Error 1101

and just trying to figure out how to debug or look at logs of some kind

As mentioned in the Workers channel.. are you by any chance trying to connect from a custom domain to an endpoint in the same zone?

nope just trying to connect to a site on the regular internet...although i guess that site is managed by CF. not sure if that matters.

and i'm not doing any custom domain

Nope.. it only matters if you are trying to connect from your own worker to another worker that is running on the same zone..

perhaps what i can do is try to isolate the problem and just post the actual repo here

Yeah.. the only thing I can think of is the destructuring the argument.. It could be there is some difference between say Miniflare and the workers runtime on how they deal with destructuring

undefined

values? Can you remove all unused ones?

I know Pages won't work because of the bundling problem, but I couldn't ever get it to work in Workers with Wrangler using webpack, a la this (still opened and generally undiscussed) issue which I also ran into: https://github.com/stripe-samples/stripe-node-cloudflare-worker-template/issues/2

I ended up writing my own simple "sdk" (just some helper code wrapping `fetch`and calling the Stripe API directly) because I couldn't get their SDK to bundle with webpack any way that I tried it

Yeah, I haven’t tried to get it running at all, but was trying to point out that it certainly won’t work in Pages yet.

right right, I hear ya

I certainly don't know the answer, but I've wondered if there could be a way to denote "for this npm module use the CF authorized polyfills"

That is basically what we are considering for wrangler2 if I understood it correctly.

that makes sense

it's a big commitment to say "we'll support a polyfill version of some third party sdk" so I definitely would rather push back and have the third party (in this case Stripe) update their libs to support a Worker environment, but I understand that's hard as well 🤷‍♂️

(because people like me complain haha)

I'm trying to write tests for my functions, but it seems like the

Response.redirect

isn't defined. What am I missing?

My function works in wrangler, but when I try to write automated tests in jest the

Response

object doesn't seem to have this static method. I've tried both testEnvironment:

jsdom

and

node

, as well as replacing fetch with

isomorphic-fetch

i'm looking for some guidance in how to use the fetch api within workers that are deployed via Cloudflare Pages. I have broken down my failing case to a simple vanilla javascript example here: https://cloudflarepageswithworkersandfetchapi.pages.dev/

the way i'm doing the fetch is here: https://github.com/AndrewLane/CloudflarePagesWithWorkersAndFetchApi/blob/main/functions/use-fetch.js

any guidance?

Your function is throwing an exception

Which would explain why it doesn't work

yeah, but why does it work on localhost via miniflare? i know there's probably a silly mistake somewhere, but i can't figure out how to debug or see logs or anything.

is there a way to view function metrics like what you have in workers dashboard?