Yuan’s blog
Yuan’s blog
CF+TMDB搭建自己的在线家庭影院
💽

CF+TMDB搭建自己的在线家庭影院

summary
搭建无广告、流畅、数据集庞大的私人家庭影院
Date
Jan 4, 2024
Tags
vercel
cloudflare

🌀 克隆仓库

前往
movie-web
movie-web • Updated Feb 26, 2024
，可以直接部署，也可与根据自己需求进行更改后部署。

⚕️申请 TMDB Api key

🎬
“电影数据库”（TMDb，The Movie Database）是一个在线社区驱动的电影和电视节目数据库。它由一群热衷于电影的影迷于 2008 年创立，旨在为用户提供一个免费且详尽的电影和电视节目信息资源。
  1. 注册账号
      2. The Movie Database (TMDB)
      The Movie Database (TMDB) is a popular, user editable database for movies and TV shows.
      The Movie Database (TMDB)
      https://www.themoviedb.org/
  1. 申请Access Token Auth(auth)
      2. notion image
      notion image

🪜 配置代理

参考Deploy Proxy，需了解 CloudFlare 部分知识

🚢 Vercel 部署

  1. 创建项目（如在页面直接部署，可忽略此步骤）
      2. notion image
      notion image
  1. 配置环境变量并部署，其中：
      • VITE_CORS_PROXY_URL 就是上一步生成的链接地址，注意不要忘了前面的https://前缀
      • VITE_TMDB_READ_API_KEY 就是在 TMDB 申请的Access Token Auth
      notion image
      notion image
  1. 绑定域名
      2. 由于某些原因，国内屏蔽vercel域名，所以需要绑定域名来实现国内访问，在项目域名配置中可进行配置，此处不再赘述，流程如下：
    1. 申请注册域名
    2. 在域名代理商处配置DNS
    3. 在Vercel中进行映射

🎦 LiveDemo

movie-web
The place for your favourite movies & shows
movie-web
https://www.movie.543.zone/