① Wranglerインストール
② Cloudflareログイン
③ プロジェクト作成
④ R2バケット作成
⑤ 設定ファイル編集
⑥ デプロイ

npm install -g wrangler

wrangler --version

wrangler login

npm create cloudflare@latest my-r2-app

What would you like to start with?
→ Hello World Worker

Do you want to use TypeScript?
→ Yes

Do you want to deploy now?
→ No

cd my-r2-app

wrangler r2 bucket create my-bucket

Created bucket 'my-bucket'

wrangler r2 bucket list

[[r2_buckets]]
binding = "MY_BUCKET"
bucket_name = "my-bucket"

export default {
  async fetch(request, env) {

    // 保存
    await env.MY_BUCKET.put("hello.txt", "Hello R2")

    // 取得
    const object = await env.MY_BUCKET.get("hello.txt")

    if (!object) {
      return new Response("Not found", { status: 404 })
    }

    const text = await object.text()

    return new Response(text)
  }
}

wrangler dev

wrangler deploy

wrangler r2 object put my-bucket/hello.txt --file ./hello.txt

wrangler r2 object get my-bucket/hello.txt

wrangler r2 object delete my-bucket/hello.txt

wrangler r2 object list my-bucket

Workers（API）
   ↓
R2（ファイル）
   ↓
CDN配信

D1（ユーザー情報）

npm install -g wrangler
wrangler login
npm create cloudflare@latest my-r2-app
cd my-r2-app
wrangler r2 bucket create my-bucket
wrangler dev
wrangler deploy