CloudFlare系列教程五：零成本搭建一个“万物皆可播”的网站

自由观影

你大概率在网上刷到过一些界面精美、资源看起来很全的影视网站。点开即播，没有广告，体验甚至比一些正规 App 还要好。一个普遍的疑问是：维护这样的网站，服务器和带宽成本应该是个天文数字，站长们是怎么做到的？

答案可能让你意外：他们根本没有服务器，甚至连视频资源在哪都未必知道。

借助 Cloudflare 提供的免费全家桶，任何人都可以搭建一个类似的“空壳”网站。今天，我们不谈代码部署（因为像 MoonTV、LibreTV 这样的开源项目已经把步骤写得非常简单了），我们来深入聊聊它背后的魔法：这个“空壳”是如何撬动全网资源的？以及，你该如何像一个专业站长那样，让你的“片库”实现自动化、无限地扩充？

MoonTV: https://github.com/samqin123/MoonTV

LibreTV: https://github.com/LibreSpark/LibreTV

核心模式：采播分离，网站只做“搬运工”

理解这类网站的关键，在于四个字：采播分离。

采集（采）：指的是内容的收集、整理和更新。这是最脏最累的活。
播放（播）：指的是内容的展示和播放。这是我们看到的网站。

传统模式下，一个站长需要自己做所有事。但在今天的生态里，这两件事已经由完全不同的人分工完成了。有一批专业的**“资源站”，他们负责搞定所有采集工作，然后通过标准化的API接口**，把整理好的数据提供出来。

而我们用 Cloudflare 搭建的网站，其本质就是这个生态里的“播放”端。它本身不生产内容，只是API数据的“搬运工”和“展示柜”。

它的工作流程是这样的：

搭建前端“展示柜”：我们看到的网站界面，用 Vue 或 React 构建，部署在 Cloudflare Pages 上，保证全球秒开。
设置API“中间人”：使用 Cloudflare Workers 作为一个轻量级的后端。它的唯一任务，就是去调用上游“资源站”的API。
对接数据“总仓库”：网站启动时，Workers 向指定的资源站API发送请求（比如“请给我最新的20部电影”）。
渲染内容：Workers 拿到API返回的JSON数据（包含了片名、海报、播放地址等），稍作处理，再喂给前端“展示柜”，用户就能看到琳琅满目的内容了。

整个过程，视频流量完全不经过你的网站，API请求的消耗也极低。Cloudflare 的免费额度，绰绰有余。

如何找到“资源站”API？

这才是这篇文章的精髓。让你的网站从一个玩具变成一个真正可用的工具，关键在于你能否找到稳定、高质量的“资源站”API，并把它对接到你的“管道”里。

普通人找资源是找片子，而一个站长的思路是找“提供片子列表”的人。以下是几个寻找API的有效思路：

思路一：关键词搜索，进入专业圈子
搜索引擎是你最好的朋友，但关键在于用对词。不要搜“XX电影在线看”，而要用站长和开发者的黑话去搜，例如：
- “苹果CMS 资源站”
- “免费影视API接口”
- “JSON影视数据源”
- “视频采集API”
  通过这些关键词，你找到的不再是消费内容的网站，而是提供数据接口的“上游供应商”。这些网站通常会直接提供API的接入文档。
思路二：逆向工程，分析现有网站
这是最直接有效的方法。随便找一个你觉得不错的同类网站，打开浏览器的“开发者工具”（F12），切换到“网络(Network)”面板，然后进行一些操作（比如翻页、搜索）。
在网络请求列表里，重点关注 XHR/Fetch 类型的请求。你会发现一些规律性的API调用，比如 …/api.php?ac=videolist&t=… 或 …/api/v1/videos?page=…。
这个请求的URL，就是这个网站正在使用的API接口。你可以尝试直接在浏览器里打开这个URL，如果能看到返回一大堆JSON格式的数据，恭喜你，你找到了它的“数据动脉”。