确认了,Cloudflare的R2对象存储S3接口api不支持在web端使用

cloudflare的免费存储还是很香的,所以想试试怎么通过接口的方式使用,但是最后发现不能在web端使用,只能通过后端来访问,而且R2用的是亚马逊的s3接口标准,文档:https://developers.cloudflare.com/r2/examples/aws/

使用的时候,选择自己的后端服务语言,如果你是python,可以使用boto3这个sdk,如果是别的,在文档里都有相关说明

选择对应的sdk接口,然后使用一个实例访问。

需要创建一个api密钥:

下面三个是必须要记下的,只会显示这一次:

然后使用官方的demo,替换里面的密钥为刚才生成的:

如果你在前端页面中使用js的sdk访问,会出现400的响应:

但是如果你放在node环境中就可以正常使用:

Preflight response is not successful. Status code: 400

如果是python端,也可以使用demo:

python 复制代码
import os
import boto3
from botocore.client import Config


def init_s3(end_point, access_key, secret_key, region_name='auto'):
    return boto3.client(
        's3',
        aws_access_key_id=access_key,
        aws_secret_access_key=secret_key,
        use_ssl=True,
        region_name=region_name,
        endpoint_url=end_point,
        config=Config(s3={"addressing\_style": "path"})
    )


s3_endpoint = "xxxxxxxxxxxxxx"  # 换成你自己的
s3_access_key = "xxxxxxxxxxxxxx"  # 换成你自己的
s3_secret_key = "xxxxxxxxxxxxxx"  # 换成你自己的
region_name = "auto"
s3 = init_s3(s3_endpoint, s3_access_key, s3_secret_key, region_name)

buckets = s3.list_buckets()['Buckets']
print(buckets)

可以得到响应:

相关推荐
里欧跑得慢10 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
IT_陈寒10 小时前
Vue的这个响应式陷阱,我debug了一整天才爬出来
前端·人工智能·后端
kyriewen10 小时前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人
前端·javascript·单元测试
去伪存真11 小时前
我自己写的第一个skills--project-core-standards
前端·agent
Data_Journal11 小时前
如何使用cURL更改User Agent
大数据·服务器·前端·javascript·数据库
竹林81811 小时前
wagmi v2 多链钱包切换:一个 Uniswap 仿盘项目让我踩了三天坑
前端·javascript
donecoding11 小时前
Playwright MCP 页面捕获:Snapshot、截图、HTML 到底选哪个?
前端·ai编程·前端工程化
滕青山11 小时前
在线PDF拆分工具核心JS实现
前端·javascript·vue.js
Smilezyl11 小时前
一个独立开发者,靠一份 markdown 驱动 Claude Code, 用 20 天跑通 9 个包的 monorepo 工程
前端·人工智能·github
技术崽崽12 小时前
不止有 Agent:Cursor 进阶使用技巧全解析
前端