Cloudflare Developers•15mo ago

How to check what's using up my requests?

LLouis Deconinck How to check what's using up my requests?

Chaika•10/14/24, 4:24 PM

For Workers you can sort by Requests in the overview. For Pages Projects & their functions, have to click through each

0x146231489231923•10/14/24, 4:41 PM

how do you all do logging?

00x146231489231923 how do you all do logging?

Ashley•10/14/24, 4:48 PM

https://developers.cloudflare.com/workers/observability/logs/workers-logs enable them and you’ll get them in the dash + filter (free allowance / free in beta + then a cost associated after beta)

Cloudflare Docs

Workers Logs | Cloudflare Workers docs

Store, filter, and analyze log data emitted from Cloudflare Workers.

devcat•10/14/24, 5:19 PM

Does workers support NextJS API Route?

Sean Kerr•10/14/24, 6:20 PM

@devcat Pages does

SSean Kerr @devcat Pages does

devcat•10/14/24, 6:48 PM

I checked, workers also does. My mistake was to export edge const. But this option is experimental now, under active development

PPieter Hi! Can someone help me understand Cloudflare Workers Static Assets? If I have a...

Hello, I’m Allie!•10/14/24, 7:54 PM

Requests that match an Asset will be served directly with the asset, bypassing your Worker

LimesKey•10/14/24, 8:04 PM

A little confused on when to use a Cloudflare Wrangler Worker vs Cloudflare Pages.

Currently I have one Rust Wrangler worker which acts as a API. I have a Svelte + WebAssembly (with Wasm-bindgen) Page which contacts this API client-side and displays the data on a neat Svelte frontend.

I need to now add another large feature to the API, but it's in Typescript. Can a Rust Wrangler worker run both Rust and Typescript code, or should I create a

+server.ts

+server.ts

file on my Page and host the API server that way? Not sure what the proper way to do this is, but I intended the API to be a separate application than the Svelte frontend I have.

Let me know if you need clarification or have a recommendation.

CChaika For Workers you can sort by Requests in the overview. For Pages Projects & their...

Louis DeconinckOP•10/14/24, 8:31 PM

Can I drill down further? Because this doesn't really help me in explaining what part of the site is responsible for this.

LLouis Deconinck Can I drill down further? Because this doesn't really help me in explaining what...

Chaika•10/14/24, 8:47 PM

Either with Workers Logs / obs (lets you see/filter on url) or with the per website / zone analytics, Pro or higher has Web Traffic Analytics which lets you really scope in

CChaika Either with Workers Logs / obs (lets you see/filter on url) or with the per webs...

Louis DeconinckOP•10/14/24, 8:56 PM

DO you have a link, can't really seem to find it ... It's a Pages project.

LLouis Deconinck DO you have a link, can't really seem to find it ... It's a Pages project.

Chaika•10/14/24, 8:58 PM

oh opps I didn't look too closely at the UI, there's no workers logs for pages functions. Only native option would be Pro or higher's Web Traffic Analytics, assuming the traffic is through a Pages Custom Domain: https://dash.cloudflare.com/?to=/:account/:zone/analytics/traffic
You can filter/see by path.
Otherwise you'd need to build your own. Free plan has Analytics Engine for free up to 100k writes per day, could write the path and such to it. Or use something else on the free plan like D1, etc. But eitherway no native way to see which paths are being requested outside of Web Traffic Analytics

Constantin•10/14/24, 9:20 PM

Is there any step i am missing from making subdomain.client.com pointing to client.app.mysass.com .. i already created the custom domain and added on client dns, however i'm getting connection timeout

HS•10/14/24, 9:36 PM

Can someone help me figure out how to implement cache for a token request (POST) made to an external API within the worker function?

e.g. I'm making a POST request to an external API https://example.com/token within my worker, I can specify the expiration in seconds in the body of this POST request. It then returns access token and

expires_in

expires_in

field in seconds. I'm looking to cache this token and use the

expires_in

expires_in

field to calculate whether to return the same token or make a new request to create a new token and then cache that new token instead.

ajgeiss0702•10/14/24, 11:29 PM

why
this is such a random limitation

ajgeiss0702•10/14/24, 11:31 PM

Also, why is that second sentence there, it has nothing to do with sending emails. "You can't send emails. Instead, you can recieve emails!"

Does anyone know of any workarounds that doesnt include adding a third party to my spf? (please ping me if you reply)

HHS Can someone help me figure out how to implement cache for a token request (**POS...

ajgeiss0702•10/14/24, 11:40 PM

I have done this. When getting a token, I store it in KV (using KV's feature to automatically expire keys), and also use the Cache API to reduce requests to kv.

So when a request comes in that would require the token, I first check the cache api, then KV (if its in kv then I add it to the cache api before returning), and if its not in either of those then I go and fetch the token, then store it in kv&cache.

Using the cache api is optional, I just use to to reduce requests to KV (therefore, cost)

Aajgeiss0702 *why* this is such a random limitation

Walshy•10/14/24, 11:44 PM

Not really but using a proper mail provider is the way to go. Cloudflare isn't one

WWalshy Not really but using a proper mail provider is the way to go. Cloudflare isn't o...

ajgeiss0702•10/14/24, 11:45 PM

yes, which is why i want to use smtp. to use a mail provider to send email

ajgeiss0702•10/14/24, 11:46 PM

is there some reason for blocking this that im missing?

Aajgeiss0702 is there some reason for blocking this that im missing?

Chaika•10/14/24, 11:47 PM

it's a super common restriction to prevent abuse

Chaika•10/14/24, 11:47 PM

for mail submission there are other ports which are usually used like 587

ajgeiss0702•10/14/24, 11:47 PM

is smtp not email submission? now im confused

Chaika•10/14/24, 11:48 PM

These days, port 25 is mainly used for SMTP Relaying – transmitting messages between different email servers. It’s not recommended to use for email submission unless you specifically manage your own mail server.

https://mailtrap.io/blog/smtp-ports-25-465-587-used-for/

ajgeiss0702•10/14/24, 11:48 PM

ahhhh

ajgeiss0702•10/14/24, 11:48 PM

that makes sense, sorry for my confusion. So my usecase would work?

ajgeiss0702•10/14/24, 11:48 PM

sending mail using a mail provider through smtp?

Chaika•10/14/24, 11:49 PM

As long as you don't use that port. Typically mail wouldn't be send that way via Workers though, you'd use a REST/HTTP API. Otherwise for raw tcp, You'd have to find some library that works with Cloudflare's non-standard tcp socket api (or could be hacked into working)

ajgeiss0702•10/14/24, 11:49 PM

my mail provider doesnt provide an http api unfortunately, that was one of the first thing i checked for. Are you aware of any smtp apis for workers?

ajgeiss0702•10/14/24, 11:50 PM

i tried searching myself, but i could only find stuff talking about mailchannels

Chaika•10/14/24, 11:51 PM

mailchannel's worker integration is dead and it was http/rest api anyway. I'm not aware of any smtp libraries that work with Workers no, I also haven't really gone out of my way to look. Not sure how complex SMTP is, espec with its weird tls stuff

ajgeiss0702•10/14/24, 11:52 PM

oh wow its dead? makes sense, it didnt feel very permenant when it was announced

thank you for your help

Chaika•10/14/24, 11:53 PM

yup: https://community.cloudflare.com/t/mailchannels-end-of-life-notice-migrate-now/658638
There is a few http/rest api options linked there as well like postmark/sendgrid/resend, if you're not stuck with your current

xeon06•10/14/24, 11:54 PM

Everybody just uses HTTP APIs, but I think in theory if you were really dedicated, and your provider supported a port besides 25, you could write your own SMTP client using Worker TCP https://blog.cloudflare.com/workers-tcp-socket-api-connect-databases/

The Cloudflare Blog

Announcing connect() — a new API for creating TCP sockets from Clou...

Today, we are excited to announce a new API in Cloudflare Workers for creating outbound TCP sockets, making it possible to connect directly to databases and any TCP-based service from Workers.

xeon06•10/14/24, 11:54 PM

Path of least resistance might be to adapt an existing SMTP library to the Worker's TCP API

Xxeon06 Path of least resistance might be to adapt an existing SMTP library to the Worke...

ajgeiss0702•10/14/24, 11:55 PM

yeah thats my current plan. Doing some more research to be sure theres not an already existing one for workers

xeon06•10/14/24, 11:55 PM

That is, overall however, not the easiest solution. That is just switching to any other provider, most of whom have a REST API

xeon06•10/14/24, 11:56 PM

If you're that set on using your specific SMTP-only provider, another option is hosting an SMTP proxy server on some $5 VPS and then calling that via HTTP from your worker

Xxeon06 If you're that set on using your specific SMTP-only provider, another option is ...

ajgeiss0702•10/14/24, 11:58 PM

that also crossed my mine, but im not sure i want to maintain another microservice outside of cloudflare just for proxying stuff from cloudflare. Although I also probably dont want to maintain a smtp library. I'll look at how complicated smtp libraries are and go from there

xeon06•10/14/24, 11:58 PM

I'd agree with you there. I'm not sure if you have a specific reason for wanting to keep with your current providers, but the options are probably endless, 99% with HTTP APIs

Aajgeiss0702 I have done this. When getting a token, I store it in [KV](https://developers.cl...

HS•10/15/24, 12:27 AM

Thanks @ajgeiss0702. Just to confirm, you implemented the cache API on the request being sent to KV, or were you referring to caching the external API request? Any chance you have a code sample that you can share?

ajgeiss0702•10/15/24, 12:28 AM

I am putting the token into the cache api, then checking that before checking for the token in KV

ajgeiss0702•10/15/24, 12:28 AM

give me a minute to find that code

ajgeiss0702•10/15/24, 12:33 AM

ah unfortunately that specific implementation is not open sourced currently, but its basically this for checking using the cache api:

  const cfCache = await platform.caches.open("(cache name here)");

  const cacheMatch = await cfCache.match(cacheURL) as Response | undefined;
  if(cacheMatch) {

    const responseGeneratedRaw = cacheMatch.headers.get("x-response-generated");

    if(responseGeneratedRaw) {
      const responseGenerated = new Date(responseGeneratedRaw);

      if(Date.now() - responseGenerated.getTime() < cache_time) {
        // return data from cache match
      }
    }
  }

  const cfCache = await platform.caches.open("(cache name here)");

  const cacheMatch = await cfCache.match(cacheURL) as Response | undefined;
  if(cacheMatch) {

    const responseGeneratedRaw = cacheMatch.headers.get("x-response-generated");

    if(responseGeneratedRaw) {
      const responseGenerated = new Date(responseGeneratedRaw);

      if(Date.now() - responseGenerated.getTime() < cache_time) {
        // return data from cache match
      }
    }
  }

and for storing the response in the cache api:

platform?.context?.waitUntil(
  cfCache.put(cacheURL, await createMFResponse(jsonResponse.clone()) as Response)
)

platform?.context?.waitUntil(
  cfCache.put(cacheURL, await createMFResponse(jsonResponse.clone()) as Response)
)

theres some conversion stuff there because miniflare's response object doesnt match the web api, but you might not have to deal with that depending on what youre doing

Aajgeiss0702 ah unfortunately that specific implementation is not open sourced currently, but...

HS•10/15/24, 1:04 AM

@ajgeiss0702 Thank you so much. I'll try to follow this approach for my use-case. Really appreciate the help!

shun•10/15/24, 1:18 AM

Rebuild feature is very helpfull

Pato•10/15/24, 1:37 AM

hey! does anyone knows why when testing a service worker in localhost gives me this error:

TypeError: Cannot read properties of undefined (reading 'fetch')

TypeError: Cannot read properties of undefined (reading 'fetch')

but when deploying the exact same code to a worker and testing it, works fine? I

ve been having this issue for a while now. 
My wrangler version:

ve been having this issue for a while now. 
My wrangler version:

wrangler 3.4.0`

shun•10/15/24, 2:36 AM

I don't want to have sensitive information (api key, etc.) in wrangler.toml, so I am running a shell in the build command that dynamically creates wrangler.toml from the build variables and runs wrangler deploy using that wrangler.toml.

How does everyone protect their sensitive information?

const cfCache = await platform.caches.open("(cache name here)"); const cacheMatch = await cfCache.match(cacheURL) as Response | undefined; if(cacheMatch) { const responseGeneratedRaw = cacheMatch.headers.get("x-response-generated"); if(responseGeneratedRaw) { const responseGenerated = new Date(responseGeneratedRaw); if(Date.now() - responseGenerated.getTime() < cache_time) { // return data from cache match } } }