使用 Cloudflare Pages 构建多 App 隐私政策站点的完整实践

type
status
date
slug
summary
tags
category
icon
password
wechat_gate
notion image
在独立开发者产品矩阵中,多个 App 的隐私政策页面是 App Store 审核和合规的必备内容。本文结合实际操作,详细讲解如何使用 Cloudflare Pages 构建一个统一域名下的多 App 隐私政策站点,并支持扩展多个 App。

一、项目目标

我们希望最终站点的 URL 结构如下:
核心要求:
  • 单一 Cloudflare Pages 项目,避免多个子域冲突
  • 多路径管理,每个 App 一个子目录
  • 易扩展,后续可支持更多 App

二、Cloudflare Pages 机制简介

  • 一个 Pages 项目对应一个域名
  • URL 路径由项目内部目录和文件结构决定
  • 每次部署会覆盖整个项目内容,部署前务必备份
重点:不需要在 Cloudflare 后台配置额外路径,所有路径由项目内部目录决定。

三、目录结构设计

本地项目整理如下:
  • 每个 App 的隐私政策放在独立目录下
  • 文件名建议使用 index.html,访问时可省略 .html 后缀
访问示例:

四、部署步骤

1. 本地整理文件

创建 index.html 内容,例如:
复制到 duesight/privacy-policy/index.html 并修改内容。

2. 上传部署

方法一:上传目录

  1. 打开 Cloudflare → Pages → 项目 privacy-site
  1. 点击 Create Deployment / Deploy site
  1. 选择本地 public/ 目录上传
  1. 点击 Deploy

方法二:Git 集成(推荐)

  1. 本地初始化 Git 仓库并提交:
  1. Cloudflare Pages 连接该仓库
      • Build command: node generate.js
      • Output directory: public
  1. 部署完成后自动生成 URL

3. 验证 URL


4. 新增 App 流程

  1. apps.config.js 添加新 App 配置行
  1. 运行 node generate.js
  1. 上传 public/ 或 Git push
  1. 自动生成新 App 的隐私政策 URL

5. 回滚和安全

  • Cloudflare Pages 每次部署覆盖整个项目
  • 可在 Pages 项目 → DeploymentsRestore 回滚到上一次成功部署版本
  • 建议每次生成前备份本地目录

五、附录:自动生成多 App 隐私政策页面

1. App 配置文件 apps.config.js

新增 App 只需添加一行即可。

2. 通用 HTML 模板 template.html

3. 自动生成脚本 generate.js

4. 使用方法

  1. 执行 node generate.js 生成 HTML 页面
  1. 上传 public/ 到 Cloudflare Pages 或通过 Git 集成部署
  1. 验证 URL 是否生效

六、扩展功能

  • 多语言:可在模板中添加语言占位符,生成 /en//zh/ 目录
  • Terms of Service:可复制模板生成 /terms/index.html,访问路径 /speechnote/terms
  • 自动生成脚本:支持批量生成多 App 隐私政策

使用这一套流程,独立开发者可以快速管理多个 App 的隐私政策页面,保证 App Store 审核合规,同时大幅提高维护效率.

七、写在最后

折腾了一个多小时,终于成功了,不过这个也不用心疼花出去的时间,因为后面还会多次使用这个功能,挺好的!
现在两个项目的隐私链接分别为:
  1. speechnote https://privacy.jinghai.ink/speechnote/privacy-policy
  1. duesight https://privacy.jinghai.ink/duesight/privacy-policy
以后还会有多个项目需要配置隐私政策链接。
所以记录显得很关键。下次配置直接查找这个文档就行,轻车熟路后几分钟就搞定,不用再花费一个多小时再折腾一番了。
这里推荐朋友们都要养成记录好习惯。
 
2026.04.03 17:02 沪 · 汇金路KFC