手机版
扫描查看手机站
首页 > 文章 > 站长收藏 > 正文

全栈开发next.js 与strapi 视频课程内容总结3

时间:2025-07-03 13:04:07来源:525游

(1292) Next.js 全栈开发实战课:每日一签网站——使用 Cloudflare 管理域名,R2 存储以及配置缓存 - YouTube https://www.youtube.com/watch?v=coXZz6lrJlQ


视频内容总结:Next.js 全栈开发实战课 - 第三段
1. 开场与课程目标
  • 主题:Next.js 全栈开发实战课程第三课。
  • 内容:
    • 通过 Docker 为 Strapi 配置 Cloudflare R2 存储。
    • 在 Cloudflare 上建立 CDN 并配置缓存。
  • 回顾:上次课程部署了 Strapi 到 Zeabur 的 Docker,解决了本地存储不可持久的问题。
2. 为什么选择 Cloudflare R2
  • 问题:Docker 本身无法持久化存储内容,每次重新部署容器会丢失本地文件(如图片)。
  • 解决方案:
    • 将存储托管到第三方云平台(如 Cloudflare R2)。
    • 不推荐仅依赖 Zeabur 本地非 Docker 存储。
  • 优势:
    • 使用多个云平台可获得更多免费额度(数据库、存储、带宽)。
    • 避免与单一服务商深度绑定,降低风险。
  • Cloudflare 特点:
    • 有“赛博菩萨”之称,免费服务多且额度大(如 R2 提供 10GB 免费存储、千万次操作)。
    • 缺点:Workers & Pages 的 Serverless 运行时不稳定,不适合 Next.js/Nuxt.js,但 R2 和 CDN 表现优秀。
3. 配置 Strapi 使用 Cloudflare R2
  • 安装插件:
    • 在 Mono Repo 的 packages/cms 目录下安装 strapi-provider-upload-cloudflare-r2。
    • 通过此插件将 Strapi 的文件上传功能指向 Cloudflare R2。
  • 配置插件:
    • 修改 config/plugins.js,引入环境变量(env)。
    • 添加上传配置:
      • 指定插件为 strapi-provider-upload-cloudflare-r2。
      • 配置 accessKeyId、secretAccessKey、endpoint 和 bucket(通过环境变量传入)。
  • 环境变量设置:
    • 在本地 .env 文件中添加 R2 的认证信息和存储配置。
4. Cloudflare R2 设置
  • 创建 Bucket:
    • 新建 bucket 名为 qian-example,位置默认美西(免费优先,速度次之)。
    • 存储类型选普通存储(无需低频存储)。
  • 获取 Endpoint:
    • 在 R2 的 S3 API 设置中复制上传端点(删除 bucket 名部分)。
  • 生成 API Token:
    • 创建名为 qian-example 的 API Token,权限为 Admin Read & Write,有效期永久。
    • 获取 accessKeyId 和 secretAccessKey,填入环境变量。
5. 配置域名与 CDN
  • 域名注册建议:
    • 推荐 Namecheap(便宜)或 GoDaddy 购买域名。
    • 若面向国内用户,需注册 .cn 域名并备案;若出海或练习,无需备案。
  • Cloudflare 域名管理:
    • 将域名(如 baifo.life)添加到 Cloudflare,修改 Nameserver 指向 Cloudflare。
    • 添加自定义域名(如 image2.baifo.life),绑定到 R2 bucket。
    • 配置过程简单,因主域名已托管在 Cloudflare。
  • 缓存策略:
    • 在 Cloudflare 的 Caching -> Cache Rules 中创建规则:
      • 匹配 image2.baifo.life 的请求。
      • 设置 Edge 缓存(CDN)为 30 天,浏览器缓存为 14 天。
    • 验证缓存:
      • 使用 curl -i 检查响应头,cache-control 显示 14 天,第二次访问显示缓存命中(HIT)。
6. 测试与效果
  • 本地测试:
    • 运行 pnpm run develop,启动 Strapi。
    • 在 Media Library 上传图片,确认图片存储到 R2。
    • 检查 R2 bucket,Strapi 自动生成多种尺寸缩略图(原图 700KB,thumbnail 8KB 等)。
    • URL 显示为 image2.baifo.life,证明存储与域名配置成功。
  • 跨域调整:
    • 修改 config/middlewares.js,将默认数组改为函数。
    • 添加 contentSecurityPolicy,允许访问第三方文件(R2)。
  • 持久化验证:
    • 本地文件因容器销毁而丢失,R2 存储的文件持久存在。
7. 更新部署
  • 代码提交:
    • 修改内容:插件安装、plugins.js、middlewares.js、环境变量、依赖更新。
    • 提交到 GitHub,命名为 change: added Cloudflare R2 as storage。
  • Zeabur 部署:
    • 在 Zeabur 更新环境变量(复制本地 .env 到 Raw 编辑器)。
    • 自动触发部署(因 packages/cms/package.json 变化)。
    • 部署后,线上 Media Library 显示 R2 存储的图片。
8. 课程总结与展望
  • 完成目标:
    • 配置 Strapi 使用 Cloudflare R2 存储。
    • 设置域名、API Token 和缓存策略。
    • 实现文件持久化与 CDN 加速。
  • 基础建设完成:
    • Strapi + TiDB + R2 + Zeabur 的后端搭建完毕。
  • 下步计划:
    • 下节课进入 Next.js 前端开发,基于 Strapi API 搭建网站。
  • 建议:
    • 即使不上传文件,也推荐外部存储(如 R2),简单且实用。
    • 鼓励观众点赞、分享、完播视频。

核心要点
  • 技术栈扩展:Strapi 集成 Cloudflare R2,实现持久化存储。
  • 配置流程:
    • 安装插件,配置环境变量。
    • 创建 R2 bucket,绑定域名,启用 CDN 缓存。
    • 调整中间件支持跨域。
  • 成果:
    • 文件存储从本地迁移到 R2,部署不影响数据。
    • CDN 缓存提升访问速度,降低原站压力。
  • 学习重点:外部存储配置、域名管理、缓存优化。
如果你在后续学习中需要帮助(比如 Next.js 连接 Strapi API 或缓存调试),可以告诉我,我会继续协助你完善课程内容!

PancakeSwap怎么用?PancakeSwap挖矿教程小白篇 欧易OKE充值多久到账?欧易交易平台充值到账时间一览 宝可梦传说阿尔宙斯最强阵容有哪些(精灵宝可梦阿尔宙斯配招) 未知钱包转入交易所意味着什么?快速了解未知钱包转入交易所 超好用的pdf编辑软件,打工人必备软件) 2022十大虚拟币交易平台app排行 虚拟币交易所app排行 王者荣耀按键皮肤可以送人吗 赠送按键皮肤(王者皮肤可以直接赠送吗?) 阴阳师鬼使黑值得培养吗2022(阴阳师鬼使黑怎么样) LUNA币价格今日行情价格,LUNA币今日实时价格历史走势图 最全imtoken钱包使用教程,imtoken钱包如何使用? 第五人格光天使头像怎么获得(第五人格光天使头像怎么弄) 永续合约短线交易技巧详细图文教程 区块链web3.0是什么意思?web3.0有哪些好处? 欧意交易所官网教程,欧意交易所app官方下载 屎币有销毁机制吗?屎币2025年销毁机制最新官方消息 和平精英qq和微信能一起玩吗(和平精英qq和微信可以一起玩吗?) KISHIMOTO币发行量多少?KISHIMOTO币发行总量介绍 OKExChain生态项目有哪些全面解析?OKExChain生态币种盘点 比特币硬件钱包哪个好?如何选择一款比特币硬件钱包? 不用肝的放置类手游有哪些(不用肝不用氪) 科普:什么是差价合约? 玩虚拟币的人最后都怎么样了?币圈真正的大佬排行榜 消逝的光芒珠宝盒有什么用(消逝的光芒宝藏) 和平精英年龄限制是多少(和平精英的年龄限制是多少) 2009-2025年比特币一个多少人民币?2009-2025年比特币历史价格走势图 创造与魔法甘蔗食谱一览(创造与魔法甘蔗食谱可以做什么) 幻塔灰域灾星任务怎么完成(幻塔事件) 1 USDT等于人民币多少今日汇率?USDT价格今日行情美元 DeFi协议总锁仓量是什么意思?DeFi协议总锁仓量代表什么? 币安理财怎么赎回?币安理财赎回多久到账? FEG猩猩币今日行情,猩猩币FEG官网最新消息实时价格历史走势 和平精英怎么用电脑玩(和平精英怎么用电脑玩云游戏) 原神流明石触媒有什么用(流明石任务) 诛仙手游命中和暴击哪个重要(诛仙手游命中和暴击哪个道法高) 全栈开发next.js 与strapi 视频课程内容总结4 哪款大型魔幻手游值得玩(最好玩的魔幻手游) 比特币闪电网络容量是什么意思? 怎样用小狐狸钱包配置OKExChain测试网? 创造与魔法坐骑怎么敲晕(创造与魔法在坐骑上站着) 有什么好玩人多的卡牌游戏(人多的卡牌类手游) 三国志幻想大陆初始刷什么(三国志幻想大陆初始武将和稀有武将) 哪里下手机版传奇游戏(有没有手机版的传奇) YFI是什么币?YFI币什么时候出来的? 和平精英怎样搭配衣服最好看?吃鸡最帅衣服搭配 EOS币还能回到100元吗?EOS柚子币2025最近利好消息分享 UKEX Global怎么充币?UKEX交易所充币、提币教程介绍 区块链TVC是什么币种?乐秀链/TVC币全面介绍 binance中国能用吗?binance交易平台官网最新地址 苹果手机丢了怎么定位找回?对方关机也能让你轻松锁定位置的方法 轻闪pdf怎么样?这也能卷 全免费的pdf编辑神器 以太经典ETC上涨原因是什么? 内购破解无敌版游戏哪一款耐玩(无限内购破解游戏排行) 数字资产钱包有哪几种?如何正确选择数字资产钱包? 云算宝(RLC)币怎么样?云算宝币前景分析 AQT币在哪买?AQT币上线交易所盘点 UNI币最新价格行情,UNI币价格今日行情最新消息历史走势 蜀门手游金如意能开到什么东西(蜀门手游开金如意技巧) 消逝的光芒主线做完了还能干嘛(消逝的光芒主线任务都过完了为什么还有) 梦幻西游里面怎么离婚(梦幻西游端游怎么离婚) gta5改装铺怎么解锁(gta5改装铺解锁铬合金吗) HTX交易所官网资料介绍?HTX交易所app官网最新版下载 分享三个实用的思维导图软件(3种好用的思维导图软件) 哪款3d动作手游可以免费玩(3d大型动作手游推荐) GATE是什么交易所?GATE交易平台|GATE.IO官网入口 原神温迪的邀请函在哪(温迪的邀约) 回合制网游哪个能赚钱(回合制网游哪个平民适合玩) 问道手游变异物理宝宝哪个好(问道变异物理宠物) 哈希函数是什么意思?哈希函数应用在区块链的哪些地方? 外媒评选2022年10款最佳RPG游戏:老头环等上榜(2021年rpg游戏排行) 我有10个比特币怎么卖掉?08年买1万元比特币现在价值 哈希率越高越好吗?哈希率越高代表什么分析 泰拉瑞亚黑曜石有什么用(泰拉瑞亚做稿子的顺序) 王者荣耀免流量怎么退订(王者荣耀免流量怎么退订会员) 深度解析比特币使用的区块链属于什么链?比特币区块链安全吗? 币安交易所买币卖币教程,币安交易所优势 王者荣耀如何跳过刷脸(王者荣耀如何跳过刷脸软件) cf屠龙多少cf点(cf屠龙多少钱一把) FTX交易平台怎么注册?国内用户FTX交易所注册教程图解 梦幻西游手游抓鬼有上限吗(梦幻西游手游抓鬼一天能赚多少钱) 光遇霞谷倒立先祖在什么地方(霞谷倒挂先祖) AQT是什么币种?AQT币前景及价值分析 ok币是什么意思?欧易平台币OKB介绍 qq怎么清理缓存和垃圾清理,QQ浏览器缓存数据清理方法 梦幻西游手游小雷音适合平民玩吗(梦幻西游手游小雷音厉害吗小雷音值得转吗) 无法连接至steam网络解决办法(无法连接至steam网络怎么解决) 第五人格监管者适合新手的有哪些(第五人格新手监管者玩什么角色) 2021年十大虚拟加密货币交易平台排行榜介绍 什么是NFT?如何购买NFT?如何零手续费创建自己的NFT? FLM是什么币种?FLM币未来价值和前景如何? kishu是什么币?kishu在哪买?纪州犬币kishu购买教程 GALA是什么币种?GALA币前景和价值深度分析 蜀门手游凤凰令能出什么(蜀门手游凤凰令给什么) 宝可梦传说阿尔宙斯能抓哪些神兽(宝可梦阿尔宙斯哪代能抓) 欧意交易所app官网钱包里的数字资产充值教程 Binance DEX怎么用?Binance DEX交易所初学者使用指南 数字货币流通量是多好还是少好? 和平精英娱乐模式扣分吗(和平精英娱乐模式什么意思) 比特币期货行情今日最新消息,比特币期货CME合约实时价格行情 比特币以太坊哪个更适合投资?矿工为何要挖矿? 宝可梦阿尔宙斯放牧场在哪(神奇宝贝阿尔宙斯在哪里刷)

热门文章

推荐专题

更多>>

游戏推荐

更多>>