No. CFDT-2026-002

内网穿透可行性测试台

验证 Cloudflare Pages 前端对家庭后端的读写能力:留言板(文本)与图片上传(二进制)通过 fetch 直接调用后端 API(GET 读 / POST 写),后端域名已配置 Let's Encrypt 证书,HTTPS 调用不受混合内容策略限制。

前端
pages.include.us.to
后端 API
—
页面协议
—

01链路概览

前端Cloudflare Pages
https://pages.include.us.to

仅托管本页面与静态资源,不代理任何后端请求。

API读写通道
—

DDNS + 端口转发至 turing 后端,Let's Encrypt 证书(DNS-01 自动签发续期)。

入口链接直达
—

HTTPS 入口,点击后由浏览器顶层导航直达后端(不经 Cloudflare)。

02留言板 · 读写测试

本区块由页面直接调用后端 API:加载时 GET /v1/messages(读),提交时 POST /v1/messages(写)。能提交并刷新后仍看到自己的留言,即证明 Pages 前端可以读写局域网后端。

03图片上传 · 二进制写入测试

选择图片后 POST /v1/upload(multipart/form-data,单文件 ≤5MB,仅 JPG/PNG/GIF/WEBP),成功后页面从 CDN 域名取回图片展示(GET /uploads/<name>,静态资源与数据接口分域),证明二进制文件能完整走通穿透链路。列表中每张图片可点 × 删除(DELETE /v1/uploads/<name>,不可恢复)。写操作限流 5 次/分钟。

04后端入口(链接直达)

以下链接的地址由 JS 在运行时组装(页面源代码中不可见),点击后由浏览器顶层导航直达后端(不经 Cloudflare;HTTPS 地址,同样不受混合内容策略限制)。

05测试记录

    06判定依据

    读写如何判定

    加载看到历史留言 = 读通;提交成功后列表立刻出现且刷新页面仍在 = 写通(留言落盘在 turing 的 data 卷)。上传同理:成功后页面从后端取回同一张图并显示缩略图 = 二进制写通(图片落盘在 data/uploads)。任一方向失败,记录区会留下 FAIL 及原因。

    为什么现在可以直接调 API

    后端已配置 Let's Encrypt 证书(经 Cloudflare DNS-01 签发,无需 80/443),页面以 HTTPS 调用同端口后端,不再触发混合内容;跨域由后端按 Origin 白名单反射 CORS 头解决。