KV và R2 — cấu hình và ảnh

npx wrangler kv namespace create CAU_HINH

[[kv_namespaces]]
binding = "CAU_HINH"
id = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

// ghi
await env.CAU_HINH.put("bang-gia", JSON.stringify({ banh_cuon: 25000, cha: 15000 }));

// đọc (type:"json" để khỏi tự JSON.parse)
const gia = await env.CAU_HINH.get("bang-gia", { type: "json" });

// đọc có bộ đệm ở biên — nhanh hơn nhiều cho dữ liệu ít đổi
const gia2 = await env.CAU_HINH.get("bang-gia", { type: "json", cacheTtl: 300 });

// tự hết hạn sau 1 giờ — dùng cho phiên đăng nhập, mã OTP
await env.CAU_HINH.put("phien:" + maPhien, JSON.stringify(nguoiDung), { expirationTtl: 3600 });

npx wrangler r2 bucket create app-anh

[[r2_buckets]]
binding = "ANH"
bucket_name = "app-anh"

// ---- Nhận ảnh ----
async function luuAnh(request, env) {
  const form = await request.formData();
  const file = form.get("anh");
  if (!file || typeof file === "string") return json({ loi: "Thieu anh" }, 400);

  // 1. Chặn cỡ — luôn luôn, trước mọi việc khác
  if (file.size > 5 * 1024 * 1024) return json({ loi: "Anh qua 5MB" }, 413);

  // 2. Chỉ nhận đúng loại mình phục vụ được
  const loaiOK = ["image/jpeg", "image/png", "image/webp"];
  if (!loaiOK.includes(file.type)) return json({ loi: "Chi nhan JPG, PNG, WEBP" }, 415);

  // 3. TỰ đặt tên — không bao giờ dùng tên file người dùng gửi lên
  const duoi = file.type === "image/png" ? "png" : file.type === "image/webp" ? "webp" : "jpg";
  const key = `don/${new Date().toISOString().slice(0, 10)}/${crypto.randomUUID()}.${duoi}`;

  await env.ANH.put(key, file.stream(), {
    httpMetadata: { contentType: file.type, cacheControl: "public, max-age=31536000, immutable" },
  });

  // 4. Trong D1 chỉ lưu ĐƯỜNG DẪN, không lưu ảnh
  await env.DB.prepare("UPDATE don_hang SET anh_key = ? WHERE id = ?").bind(key, donId).run();
  return json({ ok: true, key });
}

// ---- Trả ảnh ----
async function docAnh(key, env) {
  const obj = await env.ANH.get(key);
  if (!obj) return new Response("Khong co anh", { status: 404 });
  const h = new Headers();
  obj.writeHttpMetadata(h);
  h.set("etag", obj.httpEtag);
  return new Response(obj.body, { headers: h });
}

async function nenAnh(file, canhToiDa = 1600, chatLuong = 0.82) {
  const bm = await createImageBitmap(file);
  const ti = Math.min(1, canhToiDa / Math.max(bm.width, bm.height));
  const c = new OffscreenCanvas(Math.round(bm.width * ti), Math.round(bm.height * ti));
  c.getContext("2d").drawImage(bm, 0, 0, c.width, c.height);
  return await c.convertToBlob({ type: "image/jpeg", quality: chatLuong });
}

if (p.startsWith("/anh/")) {
  const u = await nguoiDungTuPhien(request, env);
  if (!u) return new Response("Chua dang nhap", { status: 401 });
  const key = decodeURIComponent(p.slice(5));
  // kiểm key này có thuộc dữ liệu mà người này được xem không
  if (!(await duocXemAnh(u, key, env))) return new Response("Khong co quyen", { status: 403 });
  return docAnh(key, env);
}