this is what i am doing: ``` export default { async fetch(request, env, ctx) { if (request.me

this is what i am doing:

export default {
  async fetch(request, env, ctx) {

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

export default {
  async fetch(request, env, ctx) {

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

export default {
  async fetch(request, env, ctx) {

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

export default {
  async fetch(request, env, ctx) {

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

RRanjan Mangla this is what i am doing: ``` export default { async fetch(request, env, ctx) {...

Hello, I’m Allie!•1/12/24, 10:01 AM

Oh, I see. Your browser is probably sending a

OPTIONS

OPTIONS

request to check for CORS headers, which you aren't handling, so it errors. Try adding an

if

if

statement for

OPTIONS

OPTIONS

requests that

return new Response(null, {
  headers: {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
    "Access-Control-Max-Age": "86400",
  }
});

return new Response(null, {
  headers: {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
    "Access-Control-Max-Age": "86400",
  }
});

and then see if it works.

Original message was deleted

Hello, I’m Allie!•1/12/24, 10:05 AM

https://tenor.com/view/wow-gif-20411229

Tenor

Original message was deleted

Hello, I’m Allie!•1/12/24, 10:06 AM

Thanks for the save!

Ranjan ManglaOP•1/12/24, 10:12 AM

still getting it , here is my code:

/**
 * Welcome to Cloudflare Workers! This is your first worker.
 *
 * - Run `npm run dev` in your terminal to start a development server
 * - Open a browser tab at http://localhost:8787/ to see your worker in action
 * - Run `npm run deploy` to publish your worker
 *
 * Learn more at https://developers.cloudflare.com/workers/
 */


export default {
  async fetch(request, env, ctx) {


    if (request.method === 'OPTIONS') {
        return new Response(null, {
          headers: {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
          }
        });
    }

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

/**
 * Welcome to Cloudflare Workers! This is your first worker.
 *
 * - Run `npm run dev` in your terminal to start a development server
 * - Open a browser tab at http://localhost:8787/ to see your worker in action
 * - Run `npm run deploy` to publish your worker
 *
 * Learn more at https://developers.cloudflare.com/workers/
 */


export default {
  async fetch(request, env, ctx) {


    if (request.method === 'OPTIONS') {
        return new Response(null, {
          headers: {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
          }
        });
    }

    if (request.method == 'GET') {
        return new Response('Hello');
    }
 
    if (request.method === 'PUT') {
        // Note that you could require authentication for all requests
        // by moving this code to the top of the fetch function.
        const auth = request.headers.get('Authorization');
        const expectedAuth = `Bearer ${env.AUTH_SECRET}`;
  
        if (!auth || auth !== expectedAuth) {
          return new Response('Unauthorized', { status: 401 });
        }

        const corsHeaders = {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET,HEAD,POST,OPTIONS",
            "Access-Control-Max-Age": "86400",
        };
        
        const url = new URL(request.url);
        const key = url.pathname.slice(1);
        await env.MY_BUCKET.put(key, request.body);
        const data = `Object ${key} uploaded successfully!`;
        // return new Response(`Object ${key} uploaded successfully!`);
        return new Response(JSON.stringify(data), {
            headers: {
                ...corsHeaders,
                'Content-Type': 'application/json;charset=UTF-8'
            }
        })
    }
   },
};

Ranjan ManglaOP•1/12/24, 11:20 AM

now it is solved, added PUT method in OPTIONS request as allowed methods

Ranjan ManglaOP•1/12/24, 11:20 AM

Thank you very much @HardlyHolidayin’ ,was stuck on it for past one day

Ranjan ManglaOP•1/12/24, 11:20 AM

and got know about pre-flight requests today facehappy

Deo Kumar•1/12/24, 12:43 PM

If anyone want to use photon-rs library which is available for node environment can try this fork. It works on Cloudflare Workers, Pages, Next js, node:
https://www.npmjs.com/package/@cf-wasm/photon

npm

@cf-wasm/photon

Photon library for Cloudflare workers. Latest version: 0.1.6, last published: an hour ago. Start using @cf-wasm/photon in your project by running

npm i @cf-wasm/photon

npm i @cf-wasm/photon

. There are no other projects in the npm registry using @cf-wasm/photon.

crossbeau•1/12/24, 10:07 PM

Is there a way to log out compatibility date and compatibility flags?

crossbeau•1/12/24, 10:08 PM

I manually created one worker a while ago and now trying to terraform it, and the code works on the manually created one and not the terraformed one. And i am thinking i need to match compatibility date

crossbeau•1/12/24, 10:08 PM

But unsure how to find

kian•1/12/24, 10:10 PM

what's the code that doesn't work/the error

kian•1/12/24, 10:11 PM

otherwise just open devtools & look at the scripts request

kian•1/12/24, 10:11 PM

Ranjan ManglaOP•1/13/24, 6:04 AM

I have links to files on my ftp server, I can't ssh into server

Ranjan ManglaOP•1/13/24, 6:04 AM

Is there any way I can download those files in workers

Ranjan ManglaOP•1/13/24, 6:05 AM

If I only pass the link as a post request and it then downloads it and then transfer to R2

Ranjan ManglaOP•1/13/24, 6:05 AM

Fetch is not working

Ranjan ManglaOP•1/13/24, 6:05 AM

In this regard

Arma•1/13/24, 7:21 AM

Fetch only does HTTP so you can’t do FTP with that

Arma•1/13/24, 7:22 AM

Maybe there is a serverless package that lets you do ftp ?

Arma•1/13/24, 7:27 AM

There is a TCP api for workers so it’s definitely possible https://developers.cloudflare.com/workers/runtime-apis/tcp-sockets

TCP sockets · Cloudflare Workers docs

Use the

connect()

connect()

API to create outbound TCP connections from Workers.

Arma•1/13/24, 7:36 AM

Btw if you download each file to memory on the worker, it will only work for files up to 128 MB

Arma•1/13/24, 7:37 AM

Since your use case is a one time operation, I would simply download the FTP contents on my machine and upload them with the wrangler cli

Ranjan ManglaOP•1/13/24, 7:43 AM

Actually it's not, we are migrating data from our ftp server to R2

RRanjan Mangla Actually it's not, we are migrating data from our ftp server to R2

Hello, I’m Allie!•1/13/24, 8:03 AM

You can use rclone to move from FTP to R2 too

Hello, I’m Allie!•1/13/24, 8:03 AM

You can’t run it on a Worker, but it can be a tad faster

Hello, I’m Allie!•1/13/24, 8:03 AM

And less complex

Arma•1/13/24, 8:04 AM

My thinking is, you can either

implement FTP minimally over the workers TCP api and use that to connect to your existing file server, then stream the response to R2
use your existing file server’s HTTP api (if it has any) via fetch then put the response on R2

Ranjan ManglaOP•1/13/24, 8:06 AM

Thanks @HardlyHolidayin’ & @Arma

Ranjan ManglaOP•1/13/24, 8:06 AM

Will explore rclone one

Ranjan ManglaOP•1/13/24, 8:07 AM

@Arma can you shed more light on the TCP method, didn't understand properly

Arma•1/13/24, 8:16 AM

Most unsecured protocols like FTP, SMTP and HTTP run over TCP. There isn’t a standard api to use TCP with JavaScript because the browsers don’t allow it. But Workers do allow it so Cloudflare added a non standard api to use TCP directly. See the link above.

If you care enough to run your workload on Workers, this is a complicated but possible way to do it. You would look at the FTP spec online, and implement the minimum that you need, using the TCP stuff that Workers let you do. If you’re not comfortable with this endeavour there may be more sensible ways to solve your problem though

Arma•1/13/24, 8:17 AM

But this is the Workers channel so I’ll provide you with the Workers solution ahah

alen•1/13/24, 8:52 AM

how do i use download from R2 in my website?

alen•1/13/24, 8:53 AM

what link do i need to use?

Gunnar•1/13/24, 9:14 AM

Hi,
"Keep in mind that Workers have a memory limit of 128MB per Worker and loading particularly large files into a Worker’s memory multiple times may reach this limit. To ensure memory usage does not reach this limit, consider using Streams."
https://developers.cloudflare.com/r2/api/workers/workers-api-usage/

If I have private videos for users (think udemy f.ex.), are CF Streams my only option because of this Worker 128mb memory limit?

Use R2 from Workers · Cloudflare R2 docs

C3 (create-cloudflare-cli) is a command-line tool designed to help you set up and deploy Workers & Pages applications to Cloudflare as fast as …

Original message was deleted

alen•1/13/24, 9:16 AM

i already set up a custom domain in the R2

alen•1/13/24, 9:16 AM

i search it in the bucket it is okay

alen•1/13/24, 9:17 AM

but if i want to create a button in my website , when my client want to download the file they just click the button

alen•1/13/24, 9:17 AM

and this can't work

alen•1/13/24, 9:18 AM

it can work in pc,if i just set up a code to open the directly link of the file it will work in pc, but in iOS can't work

alen•1/13/24, 9:18 AM

in IOS it just open the file

alen•1/13/24, 9:18 AM

no download

Arma•1/13/24, 9:18 AM

~~You have to use multipart~~ I’m misremembering, it’s the related Content-Disposition header that controls the save as dialog

alen•1/13/24, 9:19 AM

multipart?

Arma•1/13/24, 9:21 AM

When you have this header in the response, the browsers will offer to « save as » to disk :

Arma•1/13/24, 9:21 AM

Content-Disposition: attachment; filename="filename.jpg"Content-Disposition: attachment; filename="filename.jpg"

Arma•1/13/24, 9:22 AM

MDN Web Docs

Content-Disposition - HTTP | MDN

In a regular HTTP response, the Content-Disposition response header is a header indicating if the content is expected to be displayed inline in the browser, that is, as a Web page or as part of a Web page, or as an attachment, that is downloaded and saved locally.

this is what i am doing: ``` export default { async fetch(request, env, ctx) { if (request.me

Similar Threads

Similar Threads

Similar Threads