Afraid it's a cors error so the response isn't accessible

M

m-reidyOP•10/9/23, 2:12 PM

Here's the relevant CORS policy -

M

m-reidyOP•10/9/23, 2:13 PM

Differences I've noted anyway - there's no return access-control-allow-origin header on the failing client (or the origin isn't set so we can't see it). There's some difference in the cache request headers but I don't believe that would have an impact

Mm-reidy Afraid it's a cors error so the response isn't accessible

K

kian•10/9/23, 2:13 PM

Copy the request from devtools into curl and send it there

K

kian•10/9/23, 2:14 PM

CORS itself won't cause a traditional 401/403 (like a signature mismatch), so you're probably failing CORS due to the nature of a non-2XX response.

M

m-reidyOP•10/9/23, 2:17 PM

Ok thanks we'll have a quick crack at that

Mm0jo is there any other way? i keep getting this error when trying to execute the com...

D

digitalpoint•10/9/23, 3:27 PM

Bandwidth isn't billable (as I'm sure you know), but if you want to see it just for sake of curiosity I made a website plugin that lets me see that info for the bucket I'm using as well as for the Cloudflare account as a whole when you hover over the bucket (you can kind of see it in the screenshot). If you have the ability to run GraphQL queries, I can go digging and grab the exact query I'm using for you. But again... bandwidth is free so maybe not even worth bothering setting up a way to do GraphQL queries?

R

r4yan•10/9/23, 10:25 PM

Hi i have the following code to upload images to an r2 bucket but it keeps giving me 401 unauthorized

  const R2_BUCKET = "rep-bucket";
  
  const getR2Client = () => {
    return new S3Client({
        region: "auto",

        endpoint: `https://${sanitizedConfig.R2_ACCOUNT_ID}.r2.cloudflarestorage.com`,
    
        credentials: {
    
            accessKeyId: sanitizedConfig.R2_ACCESS_KEY,
    
            secretAccessKey: sanitizedConfig.R2_SECRET_KEY,
    
        },
    });
  };
  
  export default class S3 {
    static async get(fileName: string) {
      const file = await getR2Client().send(
        new GetObjectCommand({
          Bucket: R2_BUCKET,
          Key: fileName,
        }),
      );
  
      if (!file) {
        throw new Error("not found.");
      }
  
      return file.Body;
    }
  
    static async put(fileName: string, data: Buffer) {
      const signedUrl = await getSignedUrl(
        getR2Client(),
        new PutObjectCommand({
          Bucket: R2_BUCKET,
          Key: fileName,
        }),
        { expiresIn: 60 },
      );
  
      console.log(signedUrl);
  
      await fetch(signedUrl, {
        method: "PUT",
        body: data,
      });
  
      return `Success`;
    }
  }

  const R2_BUCKET = "rep-bucket";
  
  const getR2Client = () => {
    return new S3Client({
        region: "auto",

        endpoint: `https://${sanitizedConfig.R2_ACCOUNT_ID}.r2.cloudflarestorage.com`,
    
        credentials: {
    
            accessKeyId: sanitizedConfig.R2_ACCESS_KEY,
    
            secretAccessKey: sanitizedConfig.R2_SECRET_KEY,
    
        },
    });
  };
  
  export default class S3 {
    static async get(fileName: string) {
      const file = await getR2Client().send(
        new GetObjectCommand({
          Bucket: R2_BUCKET,
          Key: fileName,
        }),
      );
  
      if (!file) {
        throw new Error("not found.");
      }
  
      return file.Body;
    }
  
    static async put(fileName: string, data: Buffer) {
      const signedUrl = await getSignedUrl(
        getR2Client(),
        new PutObjectCommand({
          Bucket: R2_BUCKET,
          Key: fileName,
        }),
        { expiresIn: 60 },
      );
  
      console.log(signedUrl);
  
      await fetch(signedUrl, {
        method: "PUT",
        body: data,
      });
  
      return `Success`;
    }
  }

  const R2_BUCKET = "rep-bucket";
  
  const getR2Client = () => {
    return new S3Client({
        region: "auto",

        endpoint: `https://${sanitizedConfig.R2_ACCOUNT_ID}.r2.cloudflarestorage.com`,
    
        credentials: {
    
            accessKeyId: sanitizedConfig.R2_ACCESS_KEY,
    
            secretAccessKey: sanitizedConfig.R2_SECRET_KEY,
    
        },
    });
  };
  
  export default class S3 {
    static async get(fileName: string) {
      const file = await getR2Client().send(
        new GetObjectCommand({
          Bucket: R2_BUCKET,
          Key: fileName,
        }),
      );
  
      if (!file) {
        throw new Error("not found.");
      }
  
      return file.Body;
    }
  
    static async put(fileName: string, data: Buffer) {
      const signedUrl = await getSignedUrl(
        getR2Client(),
        new PutObjectCommand({
          Bucket: R2_BUCKET,
          Key: fileName,
        }),
        { expiresIn: 60 },
      );
  
      console.log(signedUrl);
  
      await fetch(signedUrl, {
        method: "PUT",
        body: data,
      });
  
      return `Success`;
    }
  }

  const R2_BUCKET = "rep-bucket";
  
  const getR2Client = () => {
    return new S3Client({
        region: "auto",

        endpoint: `https://${sanitizedConfig.R2_ACCOUNT_ID}.r2.cloudflarestorage.com`,
    
        credentials: {
    
            accessKeyId: sanitizedConfig.R2_ACCESS_KEY,
    
            secretAccessKey: sanitizedConfig.R2_SECRET_KEY,
    
        },
    });
  };
  
  export default class S3 {
    static async get(fileName: string) {
      const file = await getR2Client().send(
        new GetObjectCommand({
          Bucket: R2_BUCKET,
          Key: fileName,
        }),
      );
  
      if (!file) {
        throw new Error("not found.");
      }
  
      return file.Body;
    }
  
    static async put(fileName: string, data: Buffer) {
      const signedUrl = await getSignedUrl(
        getR2Client(),
        new PutObjectCommand({
          Bucket: R2_BUCKET,
          Key: fileName,
        }),
        { expiresIn: 60 },
      );
  
      console.log(signedUrl);
  
      await fetch(signedUrl, {
        method: "PUT",
        body: data,
      });
  
      return `Success`;
    }
  }

i have all the api keys generated with all the permissions and all, anyone could help?

Ddigitalpoint Bandwidth isn't billable (as I'm sure you know), but if you want to see it just ...

M

m0jo•10/10/23, 7:22 AM

is it ok if you can send that plugin? i know bandwidth is nothing but im curious as to how much my guests download

Mm0jo is it ok if you can send that plugin? i know bandwidth is nothing but im curious...

D

digitalpoint•10/10/23, 3:04 PM

It's only for 2 frameworks (WordPress and XenForo). If you site runs WordPress, the R2 functionality is an extension of this plugin: https://wordpress.org/plugins/app-for-cf/

It's probably simpler if you just have a way to run GraphQL queries against your Cloudflare account and I can send you the query you need.

Plugin Directorydigitalpoint

App for Cloudflare®

Utilize Cloudflare for your WordPress site to the maximum extent (caching, settings, rules, analytics, cloud storage, email management, protect admin …

Ddigitalpoint Bandwidth isn't billable (as I'm sure you know), but if you want to see it just ...

I

Isaac McFadyen•10/10/23, 3:13 PM

Is the bandwidth number provided by R2? Just wondering because an object might not be downloaded fully for all requests (i.e. if the request is cancelled or if the client wants partial content)

IIsaac McFadyen Is the bandwidth number provided by R2? Just wondering because an object might n...

D

digitalpoint•10/10/23, 3:20 PM

Honestly, I'm not sure what exactly Cloudflare counts as size as far as reporting. It's using

AccountR2OperationsAdaptiveGroupsSum.responseObjectSize

AccountR2OperationsAdaptiveGroupsSum.responseObjectSize

AccountR2OperationsAdaptiveGroupsSum.responseObjectSize

AccountR2OperationsAdaptiveGroupsSum.responseObjectSize via GraphQL, so I'm just reporting on what Cloudflare gives. What Cloudflare considers "response object size" when factoring in things like canceled requests, I'm not sure (only they would know I suspect).

D

digitalpoint•10/10/23, 3:21 PM

I would think since it's named "response object size", it should factor in partial responses (it's about the response itself, not the object as a whole). But how they handle canceled requests and if they do/don't count the actual bandwidth transfered vs. what was supposed to be sent, I'm not sure

D

digitalpoint•10/10/23, 3:25 PM

I suspect it's just going to be what was supposed to be sent. Things just get complicated if they were trying to handle canceled requests. It would get even more complicated when going the other direction (like what if the client was on a terrible connection and a large number of packets had to be retried?) Getting an "absolute" exact number of bytes transferred in every possible scenario seems like it would be far too much overhead. Like a web server log doesn't tell you how many bytes were received on an HTTP requests, rather how many bytes were intended to be sent.

I

Isaac McFadyen•10/10/23, 3:27 PM

Yeah, that makes sense. At the same time, for cancelled requests in some implementations (i.e. HTTP/1 tcp close, HTTP/2 reset frames) the client tells the server it's cancelled things and no bytes are sent after the server is notified it's been cancelled.

I

Isaac McFadyen•10/10/23, 3:27 PM

I wonder if it would consider that sent or not?

D

digitalpoint•10/10/23, 3:33 PM

It wouldn't be terribly difficult for someone to test... make a bucket with one 100MB object, request it and cancel the request and see what the egress shows. I don't personally care enough, but someone certainly could if they did.

Or ask someone at Cloudflare... maybe they know

I

Isaac McFadyen•10/10/23, 3:42 PM

Yeah I don't really care much either, was just curious.

D

delta•10/10/23, 11:56 PM

Is it a known issue that R2 with custom domain randomly ignoring range header and sending full response?

K

kian•10/11/23, 12:07 AM

If cache is enabled and the file is too big for cache, yes.

D

delta•10/11/23, 12:17 AM

thank you

X

XenoZane•10/11/23, 1:41 AM

Hi, I'm a total noob to web dev and cloud storage, but I want to distribute recordings of my podcast through my website (a static site deployed with cloudflare pages). Would I be able to host these audio files with R2? Is that even a good way to do such a thing?

XXenoZane Hi, I'm a total noob to web dev and cloud storage, but I want to distribute reco...

K

Karew•10/11/23, 1:49 AM

Yes and yes, podcasts are a great use-case for R2

X

XenoZane•10/11/23, 1:53 AM

Ok, my next question: when I try to upload the audio files directly from my computer, they always fail. They're all under 300mb. I tried uploading some other smaller files and those worked. Am I doing something wrong or do I need to use Workers to do this?

X

XenoZane•10/11/23, 3:34 AM

Nevermind, it's just a bit finnicky, I think I got it working

X

XenoZane•10/11/23, 4:34 AM

Is there any way I can have my website with cloudflare pages and R2 on the same domain?

X

XenoZane•10/11/23, 4:44 AM

I already own a domain, how do I set up a cdn subdomain?

X

XenoZane•10/11/23, 5:04 AM

Oh! I figured it out finally (I had tried to do this earlier). I didn't realize that you create a subdomain when you add the DNS record from the R2 settings, I thought I'd have to set it up from the website's DNS page first.

D

Dilip•10/11/23, 5:15 AM

how can i upload folder in R2

D

Dilip•10/11/23, 5:15 AM

var request = new TransferUtilityUploadDirectoryRequest
{
BucketName = this.videoBucket,
Directory = folder.FullName,
SearchOption = SearchOption.AllDirectories,
KeyPrefix = fileName,
};
await fileTransferUtility.UploadDirectoryAsync(request);

D

Dilip•10/11/23, 5:15 AM

This doesn't work

Z

zendev•10/11/23, 11:48 AM

Hey guys asking this again cuz I think it got lost earlier - what’s the best practice for setting up multiple public buckets to serve the same web application? As I understand it, you can’t create multiple buckets for the same custom domain name?

Iizdi Is it possible to access via API how many READS or WRITES a bucket had over some...

D

digitalpoint•10/11/23, 1:41 PM

You can do it with GraphQL. Since GraphQL isn’t just for that (or even just for R2 for that matter), you will need to craft your query to pull the info you are looking for.

https://developers.cloudflare.com/analytics/graphql-api/

You can get counts of various operations with GraphQL. They aren’t strictly read or write operations, so you can choose which you consider read/write if they differ from class A/class B operations. You can see a list of different operation types here:

https://developers.cloudflare.com/r2/pricing/#class-a-operations

GraphQL Analytics API · Cloudflare Analytics docs

The GraphQL Analytics API provides data regarding HTTP requests passing through Cloudflare’s network, as well as data from specific products, such as …

Pricing · Cloudflare R2 docs

R2 charges based on the total volume of data stored, along with two classes of operations on that data:

Z

ZETABLACK•10/11/23, 2:00 PM

Hi. I am very fun to join this channel.

Recently, I started to use Cloudflare R2 instead of AWS S3. Your service is very good!

Now, I have a question. If I uploaded "111111111/images/namihei.jpg" into bucket and make it public with CORS setting, I can show this image only writing this url in a html.

src="https://XX.r2.cloudflare.com/111111111/images/namihei.jpg"

But, if possible, I would like to hide this url since it includes user id "111111111" in the path (To manage the file easily, this information is necessary). I would like to write

src="https://XX.r2.cloudflare.com/hufhsehvnkenoihviknreb"

and make it possible to download the "namihei.jpg" file.

If R2 has a function to issue alternative url to download the file, I hope you to share how to do it.

K

Kirmola•10/11/23, 3:01 PM

Is upload_file method of boto implemented in R2 as I am dealing with direct file upload to R2?

T

Thanyaporn Pongpinij•10/11/23, 3:40 PM

Hello I have a little confusing in cloudflare r2 pricing

T

Thanyaporn Pongpinij•10/11/23, 3:41 PM

or I need to pay 4.5$ and 0.36$ even if I'm not use more than the limit?

U

Unsmart•10/11/23, 3:52 PM

if you use less than the free then you wont pay

UUnsmart if you use less than the free then you wont pay

T

Thanyaporn Pongpinij•10/11/23, 4:07 PM

Okay thanks you

T

Thanyaporn Pongpinij•10/11/23, 4:08 PM

so why some of my friend need to pay Cache reserve?

T

Thanyaporn Pongpinij•10/11/23, 4:08 PM

U

Unsmart•10/11/23, 4:08 PM

Cache reserve is a different product without any free tier

BBrammy Any idea on what the best way is to migrate from Digital Ocean's spaces to R2? S...

K

Karew•10/11/23, 8:42 PM

Rclone

Zzendev Hey guys asking this again cuz I think it got lost earlier - what’s the best pra...

K

Karew•10/11/23, 8:45 PM

That’s correct, a custom domain can only be one bucket. You’ll need to use multiple domains, or you might be able to hack it with Redirect Rules or Transform Rules

Afraid it's a cors error so the response isn't accessible

Similar Threads

Similar Threads

Similar Threads