在现代Web开发中，实时应用程序的需求日益增长。无论是社交媒体平台、在线聊天应用，还是实时数据监控工具，开发者们都希望能够创建流畅且响应迅速的用户体验。在这篇博客中，我们将深入探讨如何使用Laravel 11、Vue 3和Reverb构建实时应用程序，利用Pinia进行状态管理。通过这篇文章，您将掌握构建实时应用的基本知识和实践技能。

MP4 | 视频：h264、1920×1080 | 音频：AAC，44.1 KHz
语言：英语 | 大小：2.25 GB | 时长：4 小时 6 分钟

学习内容

在本教程中，您将学习以下内容：

  • 如何使用Laravel（配合Sanctum和Reverb）和Vue 3（单页面应用程序）构建实时应用程序
  • 如何配置Laravel Sanctum（与Fortify一起）以服务前端SPA
  • 如何在Laravel中设置广播，并在我们的Vue 3应用中使用Echo监听事件
  • 如何在API/SPA环境中配置和实现私有广播
  • 如何在Vue 3应用中实现无限滚动行为
  • 如何实现基于会话的登录功能（使用Sanctum）
  • 使用Pinia进行状态管理

要求

  • 需要具备初级PHP/Laravel知识
  • 需要具备初级Vue 3知识

项目概述

使用Laravel Reverb的强大功能，让我们构建一个实时的帖子时间线应用程序。该项目将结合Laravel 11、Vue 3和Sanctum，并引入Pinia进行状态管理。

项目路线图与状态

  1. 设置Laravel与Vue 3和Reverb（已上传）
  2. 构建实时帖子时间线项目（已上传）

项目描述

在此部分，我们将探讨Laravel和Vue的基础知识，并设置两个项目。我们将涵盖以下主题：

  • 学习如何设置Laravel Sanctum以服务SPA
  • 探讨Laravel中的广播基础知识以及我们的前端Vue 3应用
  • 配置我们的前端应用中的私有广播
  • 学习如何在Vue 3中使用可组合性
  • 实现身份验证功能，如登录流程，并在重新加载时获取用户数据

构建实时帖子时间线项目

在这一部分，我们将构建一个实时的帖子时间线项目，用户可以创建帖子、查看所有帖子并点赞，所有这些交互都是实时的，同时我们还将实现无限滚动功能。我们将涵盖以下主题：

  • 配置API/SPA环境中的私有广播
  • 在Vue 3中实现无限滚动功能，API将由Laravel提供
  • 使用Pinia管理我们应用的状态

课程总结

通过本课程，您将掌握以下内容：

  • 使用Laravel（配合Sanctum和Reverb）和Vue 3（SPA）构建实时应用程序
  • 配置Laravel Sanctum（与Fortify一起）以服务前端SPA
  • 在Laravel中设置广播，并在我们的Vue 3应用中使用Laravel Echo监听事件
  • 在API/SPA环境中配置和实现私有广播
  • 使用Intersection Observer API自动加载下一块帖子，当用户滚动到底部时
  • 学习Laravel中的数据库填充技术
  • 学习如何使用API资源在Laravel中处理数据
  • 学习如何监听后端广播事件并在前端做出相应反应

所有这些状态将在客户端使用Pinia进行管理。通过完成本课程，您将构建一个功能丰富的实时时间线应用程序，展示您对前端和后端技术的理解，非常适合任何希望提升动态Web应用开发技能的开发者。

构建实时Web应用程序是一个令人兴奋的挑战，也是提升开发技能的绝佳机会。通过Laravel、Vue 3和Reverb的结合，您可以创建出色的用户体验，满足现代用户对实时交互的需求。希望通过本教程，您能掌握这些技术，并能够独立构建自己的实时应用程序。开始您的开发之旅吧！

概述
第 1 部分：使用 Vue 3（SPA）和 Reverb 设置 Laravel（后端）的指南

讲座 1 设置 Laravel 和 Vue 项目

第 2 讲 在同一域上运行

讲座 3 安装和配置 Sanctum

第四讲 安装和配置广播

讲座 5 在前端配置广播

讲座 6 测试实时功能

讲座 7 安装和配置 Laravel Fortify

第 8 讲 快速身份验证测试

讲座 9 安装 Tailwind

第 10 讲 让我们开始研究导航

第 11 讲 可组合项简介

讲座 12 将身份验证逻辑移至可组合项

第 13 讲 尝试身份验证

第 14 讲 重新加载时进行身份验证

讲座 15 完成登录流程

第 2 部分：让我们构建实时帖子时间线

讲座 16 定义模型/迁移/播种机/工厂

讲座 17 定义 API 来获取所有帖子

讲义 18 定义 PostItem 和 PostIndex 组件

第 19 讲 显示帖子

讲座 20 实现无限滚动行为

第 21 讲 完成无限滚动

第 22 讲 改进设计

讲座 23 定义 API 来存储帖子

讲座 24 安装和配置 Pinia

讲座 25 修复 fetchNextPosts 函数调用

第 26 讲 完成店铺后流程

讲座 27 修复在时间线上推送新帖子时出现的问题

讲座 28 修复重复帖子渲染问题

讲座 29 修复 Laravel Echo Socket ID 问题

讲座 30 实时授权和删除帖子

讲座 31 点赞与广播

下载说明：用户需登录后获取相关资源
1、登录后，打赏30元成为VIP会员，全站资源免费获取！
2、资源默认为百度网盘链接，请用浏览器打开输入提取码不要有多余空格，如无法获取 请联系微信 yunqiaonet 补发。
3、分卷压缩包资源 需全部下载后解压第一个压缩包即可，下载过程不要强制中断 建议用winrar解压或360解压缩软件解压！
4、云桥网络平台所发布资源仅供用户自学自用，用户需以学习为目的，按需下载，严禁批量采集搬运共享资源等行为，望知悉！！！
5、云桥网络-CG数字艺术学习与资源分享平台，感谢您的赞赏与支持！平台所收取打赏费用仅作为平台服务器租赁及人员维护资金 费用不为素材本身费用，望理解知悉！