Cloudflare 免费资源 完全指南

# 把本地 8080 端口暴露到公网（无需登录）
cloudflared tunnel --url http://localhost:8080

# 把本地 80 端口暴露（前端）
cloudflared tunnel --url http://localhost:80

# 把本地 3000 端口暴露（H5端）
cloudflared tunnel --url http://localhost:3000

# 1. 进入前端目录并构建
cd ruoyi-ui
npm run build:prod

# 2. 登录 Cloudflare（首次）
wrangler login

# 3. 创建项目并部署（交互式）
wrangler pages deploy dist

# 4. 指定项目名称部署
wrangler pages deploy dist --project-name=fund-supervision

# 查看已部署的项目
wrangler pages project list

// 访问 /api/hello 自动调用此函数
export async function onRequest(context) {
  return new Response(JSON.stringify({
    message: 'Hello from Cloudflare Edge!',
    region: context.request.cf?.country
  }), {
    headers: { 'Content-Type': 'application/json' }
  });
}

# 创建新 Worker 项目
wrangler init my-worker
cd my-worker

# 本地开发预览
wrangler dev

# 部署到生产
wrangler deploy

export default {
  async fetch(request, env) {
    const url = new URL(request.url);

    // 处理预检请求
    if (request.method === 'OPTIONS') {
      return new Response(null, {
        headers: {
          'Access-Control-Allow-Origin': '*',
          'Access-Control-Allow-Methods': 'GET,POST,PUT,DELETE',
          'Access-Control-Allow-Headers': 'Content-Type,Authorization'
        }
      });
    }

    // 代理请求到你的后端
    const backendUrl = `https://your-api.com` + url.pathname;
    const response = await fetch(backendUrl, {
      method: request.method,
      headers: request.headers,
      body: request.body
    });

    // 添加 CORS 响应头
    const newResponse = new Response(response.body, response);
    newResponse.headers.set('Access-Control-Allow-Origin', '*');
    return newResponse;
  }
};

# 创建存储桶
wrangler r2 bucket create my-bucket

# 查看存储桶列表
wrangler r2 bucket list

# 上传文件
wrangler r2 object put my-bucket/path/to/file.jpg --file=./local-file.jpg

# 下载文件
wrangler r2 object get my-bucket/path/to/file.jpg --file=./download.jpg

# 删除文件
wrangler r2 object delete my-bucket/path/to/file.jpg

// wrangler.toml 中绑定 R2 桶
// [[r2_buckets]]
// binding = "MY_BUCKET"
// bucket_name = "my-bucket"

export default {
  async fetch(request, env) {
    const url = new URL(request.url);
    const key = url.pathname.slice(1); // /filename → filename

    if (request.method === 'PUT') {
      // 上传文件
      await env.MY_BUCKET.put(key, request.body, {
        httpMetadata: { contentType: request.headers.get('Content-Type') }
      });
      return new Response(`上传成功：${key}`);
    }

    if (request.method === 'GET') {
      // 下载文件
      const object = await env.MY_BUCKET.get(key);
      if (!object) return new Response('文件不存在', { status: 404 });
      return new Response(object.body, {
        headers: { 'Content-Type': object.httpMetadata.contentType }
      });
    }
  }
};

// pom.xml 添加依赖
// <dependency>
//   <groupId>software.amazon.awssdk</groupId>
//   <artifactId>s3</artifactId>
// </dependency>

S3Client s3 = S3Client.builder()
  .endpointOverride(URI.create(
    "https://<accountId>.r2.cloudflarestorage.com"))
  .credentialsProvider(StaticCredentialsProvider.create(
    AwsBasicCredentials.create(
      "ACCESS_KEY_ID",
      "SECRET_ACCESS_KEY")))
  .region(Region.of("auto"))
  .build();

// 上传文件
s3.putObject(PutObjectRequest.builder()
  .bucket("my-bucket")
  .key("uploads/file.jpg")
  .build(), Paths.get("/local/file.jpg"));

# 创建数据库
wrangler d1 create my-database

# 执行 SQL（创建表）
wrangler d1 execute my-database --command="
  CREATE TABLE users (
    id INTEGER PRIMARY KEY AUTOINCREMENT,
    name TEXT NOT NULL,
    email TEXT UNIQUE,
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
  );
"

# 插入数据
wrangler d1 execute my-database \
  --command="INSERT INTO users (name, email) VALUES ('张三', 'zhang@example.com')"

# 查询数据
wrangler d1 execute my-database --command="SELECT * FROM users"

# 执行 SQL 文件
wrangler d1 execute my-database --file=./schema.sql

// wrangler.toml 中绑定 D1
// [[d1_databases]]
// binding = "DB"
// database_name = "my-database"
// database_id = "xxx-xxx-xxx"

export default {
  async fetch(request, env) {
    // 查询用户列表
    const { results } = await env.DB
      .prepare("SELECT * FROM users WHERE id = ?")
      .bind(1)
      .all();

    // 插入数据
    await env.DB
      .prepare("INSERT INTO users (name, email) VALUES (?, ?)")
      .bind("李四", "li@example.com")
      .run();

    return Response.json(results);
  }
};

# 列出所有 DNS 记录
wrangler dns list --zone=yourdomain.com

# 添加 A 记录（指向 IP）
wrangler dns create yourdomain.com \
  --type=A --name=www --content=1.2.3.4

# 添加 CNAME 记录（指向域名）
wrangler dns create yourdomain.com \
  --type=CNAME --name=api --content=your-server.example.com

# 添加 MX 记录（邮件）
wrangler dns create yourdomain.com \
  --type=MX --name=@ --content=mail.example.com --priority=10

# 封禁特定国家访问（仅允许中国大陆）
not (ip.geoip.country in {"CN" "HK" "TW"})

# 封禁已知恶意机器人
(cf.client.bot)

# 限制 API 路径只允许特定 IP
(http.request.uri.path contains "/admin") and
not ip.src in {1.2.3.4 5.6.7.8}

# 拦截 SQL 注入尝试
(http.request.uri.query contains "UNION SELECT") or
(http.request.uri.query contains "' OR 1=1")

# 全栈项目结构
my-app/
├── frontend/          # → Cloudflare Pages
├── functions/         # → Cloudflare Pages Functions
├── workers/           # → Cloudflare Workers
├── migrations/        # → Cloudflare D1 数据库迁移
└── wrangler.toml      # → 统一配置文件

# wrangler.toml 完整示例
name = "my-app"
compatibility_date = "2024-01-01"

[[d1_databases]]
binding = "DB"
database_name = "my-db"
database_id = "your-db-id"

[[r2_buckets]]
binding = "STORAGE"
bucket_name = "my-storage"

# 部署所有内容
wrangler deploy