← Cloudflare R2 / r2 / examples / aws
aws-sdk-js
Musíte vygenerovat Access Key než začnete. Všechny příklady budou používat access_key_id a access_key_secret proměnné, které představují Access Key ID a Secret Access Key hodnoty, které jste vygenerovali.
Pokud vás zajímá novější verze AWS JavaScript SDK, navštivte vyhrazená stránka s příklady pro aws-sdk-js-v3.
Uživatelé JavaScriptu nebo TypeScriptu mohou nadále používat aws-sdk ↗ npm balíček obvyklým způsobem. Při vytváření instance je nutné předat přihlašovací údaje konfigurace R2 do S3 klient služby:
import S3 from "aws-sdk/clients/s3.js";
const s3 = new S3({
// Provide your Cloudflare account ID
endpoint: `https://${ACCOUNT_ID}.r2.cloudflarestorage.com`,
// Retrieve your S3 API credentials for your R2 bucket via API tokens (see: https://developers.cloudflare.com/r2/api/tokens)
accessKeyId: `${ACCESS_KEY_ID}`,
secretAccessKey: `${SECRET_ACCESS_KEY}`,
signatureVersion: "v4",
});
console.log(await s3.listBuckets().promise());
//=> {
//=> Buckets: [
//=> { Name: 'user-uploads', CreationDate: 2022-04-13T21:23:47.102Z },
//=> { Name: 'my-bucket', CreationDate: 2022-05-07T02:46:49.218Z }
//=> ],
//=> Owner: {
//=> DisplayName: '...',
//=> ID: '...'
//=> }
//=> }
console.log(await s3.listObjects({ Bucket: "my-bucket" }).promise());
//=> {
//=> IsTruncated: false,
//=> Name: 'my-bucket',
//=> CommonPrefixes: [],
//=> MaxKeys: 1000,
//=> Contents: [
//=> {
//=> Key: 'cat.png',
//=> LastModified: 2022-05-07T02:50:45.616Z,
//=> ETag: '"c4da329b38467509049e615c11b0c48a"',
//=> ChecksumAlgorithm: [],
//=> Size: 751832,
//=> Owner: [Object]
//=> },
//=> {
//=> Key: 'todos.txt',
//=> LastModified: 2022-05-07T21:37:17.150Z,
//=> ETag: '"29d911f495d1ba7cb3a4d7d15e63236a"',
//=> ChecksumAlgorithm: [],
//=> Size: 279,
//=> Owner: [Object]
//=> }
//=> ]
//=> }Generování presigned URL adres
Můžete také vygenerovat presigned odkazy sloužící ke sdílení veřejného přístupu k bucketu pro čtení nebo zápis, a to dočasně.
// Use the expires property to determine how long the presigned link is valid.
console.log(
await s3.getSignedUrlPromise("getObject", {
Bucket: "my-bucket",
Key: "dog.png",
Expires: 3600,
}),
);
// You can also create links for operations such as putObject to allow temporary write access to a specific key.
// Specify ContentType to restrict uploads to a specific file type.
console.log(
await s3.getSignedUrlPromise("putObject", {
Bucket: "my-bucket",
Key: "dog.png",
Expires: 3600,
ContentType: "image/png",
}),
);https://my-bucket.<ACCOUNT_ID>.r2.cloudflarestorage.com/dog.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=<credential>&X-Amz-Date=<timestamp>&X-Amz-Expires=3600&X-Amz-SignedHeaders=host&X-Amz-Signature=<signature>
https://my-bucket.<ACCOUNT_ID>.r2.cloudflarestorage.com/dog.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=<credential>&X-Amz-Date=<timestamp>&X-Amz-Expires=3600&X-Amz-SignedHeaders=content-type%3Bhost&X-Amz-Signature=<signature>Můžete použít odkaz vygenerovaný putObject příklad pro nahrání do zadaného bucketu a klíče, dokud nevyprší platnost presigned odkazu. Při použití presigned URL s ContentType, klient musí uvést odpovídající Content-Type hlavičku v požadavku.
curl -X PUT "https://my-bucket.<ACCOUNT_ID>.r2.cloudflarestorage.com/dog.png?X-Amz-Algorithm=..." \
-H "Content-Type: image/png" \
--data-binary @dog.pngOmezení nahrávání pomocí CORS a Content-Type
Při generování předem podepsaných URL adres pro nahrávání můžete omezit zneužití těmito způsoby:
-
Omezení Content-Type: Zadejte povolený typ obsahu v parametrech presigned URL. Pokud klient odešle jiný
Content-Typehlavička. -
Konfigurace CORS: Nastavte Pravidla CORS na vašem bucketu, abyste určili, které originy mohou nahrávat soubory. CORS nakonfigurujte prostřednictvím Cloudflare dashboard ↗ přidáním JSON policy do nastavení vašeho bucketu:
[
{
"AllowedOrigins": ["https://example.com"],
"AllowedMethods": ["PUT"],
"AllowedHeaders": ["Content-Type"],
"ExposeHeaders": ["ETag"],
"MaxAgeSeconds": 3600
}
]Poté vygenerujte presigned URL s omezením na Content-Type:
const putUrl = await s3.getSignedUrlPromise("putObject", {
Bucket: "my-bucket",
Key: "user-upload.png",
Expires: 3600,
ContentType: "image/png",
});Když klient použije tuto předem podepsanou URL adresu, musí:
- Odešlete požadavek z povoleného zdroje (vynucováno pomocí CORS)
- Zahrňte
Content-Type: image/pnghlavička (vynucená podpisem)