I've been stuck for the past few hours now

Y

yousefOP•3/13/24, 4:51 PM

@Space - Ping in replies

Aamarezenebe Hi i try to use R2 and i set CORS policy like this but still i can access from d...

A

amarezenebe•3/13/24, 4:58 PM

any help please ?

Yyousef I've been stuck for the past few hours now

Y

yousefOP•3/13/24, 5:19 PM

I made a new bucket, same issue

Y

yousefOP•3/13/24, 5:40 PM

no way

Y

yousefOP•3/13/24, 5:40 PM

the solution was literally using postman desktop instead of the postman website

S

samuel__•3/13/24, 7:34 PM

Hello, after tyring to setup r2, i can't access my website by tiping namesite.com, it says "the site can't be reached". Please, i need help

Original message was deleted

S

samuel__•3/13/24, 7:46 PM

yes

S

samuel__•3/13/24, 7:47 PM

could i dm you with my current dns settings?

Y

yb•3/14/24, 3:05 AM

can i set r2 storage region into a specific data region?
For example, GCS supports asia-northeast3 (Seoul) to specify country because of data residency.

Yyb can i set r2 storage region into a specific data region? For example, GCS suppor...

C

Chaika•3/14/24, 3:15 AM

R2 has two options in that way:
Jurisidctions to meet Data Residency Requirements, which currently only supports EU
and Location Hints, where you can hint it to be at a specific location

C

Chaika•3/14/24, 3:15 AM

Both can be set on creating a bucket

C

Chaika•3/14/24, 3:16 AM

There's nothing specific to Seoul though, and I believe the APAC storage is mostly Singapore?

CChaika R2 has two options in that way: Jurisidctions to meet Data Residency Requirement...

Y

yb•3/14/24, 3:40 AM

Thanks Chaika,
Do you happen to know if there are any roadmaps on this feature?

Aamarezenebe Hi i try to use R2 and i set CORS policy like this but still i can access from d...

A

amarezenebe•3/14/24, 5:03 AM

any one please... I've been stuck

MMinsu Kim ```json [ { "AllowedOrigins": [ // your domain ], "AllowedMe...

A

amarezenebe•3/14/24, 6:00 AM

Hi...still the same issue... i add the domain but still i can access from different domain .... i tried in different browser in case cache problem but still i can access it

A

amarezenebe•3/14/24, 6:04 AM

K

kian•3/14/24, 9:12 AM

GET for an image is a simple request, it doesn't need CORS.

Kkian GET for an image is a simple request, it doesn't need CORS.

A

amarezenebe•3/14/24, 10:12 AM

what if i want to restrict my image domain not to be access with other domain ?

Aamarezenebe what if i want to restrict my image domain not to be access with other domain ?

K

Karew•3/14/24, 10:27 AM

https://developers.cloudflare.com/waf/tools/scrape-shield/hotlink-protection/

Cloudflare Docs

Hotlink Protection · Cloudflare Web Application Firewall (WAF) docs

Hotlink Protection prevents your images from being used by other sites, which can reduce the bandwidth consumed by your origin server.

J

j.purohit198•3/14/24, 11:17 AM

Hi all, I am trying to implement CloudFlare R2 in my Flutter project. But I am getting eith 400 or 403 all the time.
Here is the gist of my code: https://gist.github.com/jitendrapurohit12/81ad9b07c1237cb234c14e1328df236e

I am using "amazon_cognito_identity_dart_2" package.

Gist

cloud_flare_r2.dart

GitHub Gist: instantly share code, notes, and snippets.

Jj.purohit198 Hi all, I am trying to implement CloudFlare R2 in my Flutter project. But I am g...

Y

yousefOP•3/14/24, 11:19 AM

I was able to successfully implement it in flutter

Y

yousefOP•3/14/24, 11:20 AM

I used https://pub.dev/packages/aws_signature_v4

Dart packages

aws_signature_v4 | Dart package

Dart implementation of the AWS Signature Version 4 algorithm, for communication with AWS services.

Yyousef I was able to successfully implement it in flutter

J

j.purohit198•3/14/24, 11:22 AM

Tried that too with the same issue. Can you please share the code snippet without your key and secret?

Y

yousefOP•3/14/24, 11:22 AM

sure

Y

yousefOP•3/14/24, 11:22 AM

are you using image_picker or a file picker?

J

j.purohit198•3/14/24, 11:22 AM

yes.

Y

yousefOP•3/14/24, 11:22 AM

ok I used image_picker

Y

yousefOP•3/14/24, 11:23 AM

I will share my image upload function

J

j.purohit198•3/14/24, 11:23 AM

yes, please. thanks.

Y

yousefOP•3/14/24, 11:24 AM

static Future<String> uploadPic(File image) async {
    String fileName = DateTime.now().millisecondsSinceEpoch.toString();
    const signer = AWSSigV4Signer();
    final scope = AWSCredentialScope(
      region: "eeur",
      service: AWSService.s3,
    );
    const host = '{{accountid}}.r2.cloudflarestorage.com';
    final serviceConfiguration = S3ServiceConfiguration();
    final path = '/{{bucketname}}/$fileName.jpg';
    final uploadRequest = AWSStreamedHttpRequest.put(
      Uri.https(host, path),
      body: image.openRead(),
      headers: {
        AWSHeaders.host: host,
        AWSHeaders.contentType: 'image/jpg',
      },
    );
    final signedUploadRequest = await signer.sign(
      uploadRequest,
      credentialScope: scope,
      serviceConfiguration: serviceConfiguration,
    );
    final uploadResponse = await signedUploadRequest.send().response;
    final uploadStatus = uploadResponse.statusCode;
    if (uploadStatus == 200) {
      return "{{public_link_to_image}}";
    }
    throw Exception("there was an error uploading the image");
  }

static Future<String> uploadPic(File image) async {
    String fileName = DateTime.now().millisecondsSinceEpoch.toString();
    const signer = AWSSigV4Signer();
    final scope = AWSCredentialScope(
      region: "eeur",
      service: AWSService.s3,
    );
    const host = '{{accountid}}.r2.cloudflarestorage.com';
    final serviceConfiguration = S3ServiceConfiguration();
    final path = '/{{bucketname}}/$fileName.jpg';
    final uploadRequest = AWSStreamedHttpRequest.put(
      Uri.https(host, path),
      body: image.openRead(),
      headers: {
        AWSHeaders.host: host,
        AWSHeaders.contentType: 'image/jpg',
      },
    );
    final signedUploadRequest = await signer.sign(
      uploadRequest,
      credentialScope: scope,
      serviceConfiguration: serviceConfiguration,
    );
    final uploadResponse = await signedUploadRequest.send().response;
    final uploadStatus = uploadResponse.statusCode;
    if (uploadStatus == 200) {
      return "{{public_link_to_image}}";
    }
    throw Exception("there was an error uploading the image");
  }

static Future<String> uploadPic(File image) async {
    String fileName = DateTime.now().millisecondsSinceEpoch.toString();
    const signer = AWSSigV4Signer();
    final scope = AWSCredentialScope(
      region: "eeur",
      service: AWSService.s3,
    );
    const host = '{{accountid}}.r2.cloudflarestorage.com';
    final serviceConfiguration = S3ServiceConfiguration();
    final path = '/{{bucketname}}/$fileName.jpg';
    final uploadRequest = AWSStreamedHttpRequest.put(
      Uri.https(host, path),
      body: image.openRead(),
      headers: {
        AWSHeaders.host: host,
        AWSHeaders.contentType: 'image/jpg',
      },
    );
    final signedUploadRequest = await signer.sign(
      uploadRequest,
      credentialScope: scope,
      serviceConfiguration: serviceConfiguration,
    );
    final uploadResponse = await signedUploadRequest.send().response;
    final uploadStatus = uploadResponse.statusCode;
    if (uploadStatus == 200) {
      return "{{public_link_to_image}}";
    }
    throw Exception("there was an error uploading the image");
  }

static Future<String> uploadPic(File image) async {
    String fileName = DateTime.now().millisecondsSinceEpoch.toString();
    const signer = AWSSigV4Signer();
    final scope = AWSCredentialScope(
      region: "eeur",
      service: AWSService.s3,
    );
    const host = '{{accountid}}.r2.cloudflarestorage.com';
    final serviceConfiguration = S3ServiceConfiguration();
    final path = '/{{bucketname}}/$fileName.jpg';
    final uploadRequest = AWSStreamedHttpRequest.put(
      Uri.https(host, path),
      body: image.openRead(),
      headers: {
        AWSHeaders.host: host,
        AWSHeaders.contentType: 'image/jpg',
      },
    );
    final signedUploadRequest = await signer.sign(
      uploadRequest,
      credentialScope: scope,
      serviceConfiguration: serviceConfiguration,
    );
    final uploadResponse = await signedUploadRequest.send().response;
    final uploadStatus = uploadResponse.statusCode;
    if (uploadStatus == 200) {
      return "{{public_link_to_image}}";
    }
    throw Exception("there was an error uploading the image");
  }

Y

yousefOP•3/14/24, 11:25 AM

you should fill the {{}}

Y

yousefOP•3/14/24, 11:26 AM

with your values

J

j.purohit198•3/14/24, 11:26 AM

sure, I will let you know if it works for me or not. Thanks for the help.

Y

yousefOP•3/14/24, 11:27 AM

oh one more thing

Y

yousefOP•3/14/24, 11:27 AM

you have to supply your secret acess key and access key id with dart define

J

j.purohit198•3/14/24, 11:27 AM

yes. as env variables.

Y

yousefOP•3/14/24, 11:27 AM

and of course import both packages

Y

yousefOP•3/14/24, 11:27 AM

dependencies:
  aws_common: ^0.3.0
  aws_signature_v4: ^0.3.0

dependencies:
  aws_common: ^0.3.0
  aws_signature_v4: ^0.3.0

Jj.purohit198 yes. as env variables.

Y

yousefOP•3/14/24, 11:28 AM

not in a .env file

Y

yousefOP•3/14/24, 11:28 AM

but as an argument to build or run

J

j.purohit198•3/14/24, 11:28 AM

okay

Y

yousefOP•3/14/24, 11:28 AM

flutter run --dart-define=AWS_ACCESS_KEY_ID=... --dart-define=AWS_SECRET_ACCESS_KEY=...

Y

yousefOP•3/14/24, 11:28 AM

run this in your terminal

Y

yousefOP•3/14/24, 11:28 AM

and fill in the ... with your values

J

j.purohit198•3/14/24, 11:29 AM

okay.

A

Acejou•3/14/24, 12:13 PM

Hello everyone, my R2 backend seems to be open for public access, but I'm having the same problem with my website, can anyone help me?
I'm using wordpress+Leopard (offload asset).

GET https://pub-91b8ec6f0b2d4a69ad17bf5fa477a0cb.r2.dev/pull-assets/webfonts/fa-solid-900.woff2 net::ERR_ABORTED 404 (Not Found)
elementor-icons.min.css:1

Y

yousefOP•3/14/24, 12:33 PM

are you sure you're using the correct bucket?

I

Isaac McFadyen•3/14/24, 12:39 PM

And if you check in the Cloudflare dashboard under the R2 panel do you actually see that object in the bucket?

I've been stuck for the past few hours now

Similar Threads

Similar Threads

Similar Threads