R2 Configuration

Create account and login to the console

Go to the Cloudflare Dashboard, and register if needed, then login.

Create a new Bucket

In the dashboard sidebar, and head to the R2 page.

Create a new Bucket.

• Choose Automatic
• Choose Standard

Create your R2 Token

Create your R2 Token by going to R2 Object Storage:

Click on the API dropdown, and select Manage API tokens:

Copy your Account ID for later, and click on "Create an API token":

Create an Account API token:

Under "Permissions" choose "Object Read & Write" and under "Specify bucket(s)" search for your created Bucket.

Copy your credentials

After the R2 Token is created, copy your "Access Key ID" and "Secret Access Key":

Paste the respective information into your .env environment.

CLOUDFLARE_ACCOUNT_ID="accountId"
CLOUDFLARE_ACCESS_KEY="accessKey"
CLOUDFLARE_SECRET_ACCESS_KEY="secretAccessKey"
CLOUDFLARE_BUCKETNAME="bucketName"
CLOUDFLARE_REGION="region (like wnam)"

Configure Custom Domain and CORS policies

Go to configuration and connect a custom domain (if you don't have one, you can use the one that CloudFlare provides.) Add it to your .env file.

CLOUDFLARE_BUCKET_URL="https://customdomain.com"

Click to edit the CORS policy and add the following JSON:

[
  {
    "AllowedOrigins": [
      "http://localhost:4200",
      "https://yourDomain.com"
    ],
    "AllowedMethods": [
      "GET",
      "POST",
      "HEAD",
      "PUT",
      "DELETE"
    ],
    "AllowedHeaders": [
      "Authorization",
      "x-amz-date",
      "x-amz-content-sha256",
      "content-type"
    ],
    "ExposeHeaders": [
      "ETag",
      "Location"
    ],
    "MaxAgeSeconds": 3600
  }
]