【Udemy中英字幕】Building Realtime Web Apps with Laravel, Vue 3 and Reverb

使用 Laravel、Vue 3 和 Reverb 构建实时 Web 应用程序

了解如何使用 Laravel 11、Vue 3 和 Reverb 以及 Pinia 构建实时应用程序进行状态管理

讲师：Tapan Sharma

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 了解如何使用 Laravel（使用 Sanctum、Reverb）和 Vue 3（SPA）构建实时应用程序
• 了解如何配置 Laravel Sanctum（以及 Fortify）来提供前端 SPA
• 了解如何在 Laravel 中设置广播，并使用 Echo 在我们的 Vue 3 应用中监听事件
• 了解如何在 API/SPA 环境中配置和实现私有广播
• 了解如何在 Vue 3 应用中实现无限滚动行为
• 我们还将学习如何实现登录（基于会话，使用 Sanctum 实现）
• 通过 Pinia 学习状态管理

探索相关主题

• Laravel
• Web 开发
• 发展

要求

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

描述

利用Laravel Reverb的强大功能，让我们使用 Laravel 11、VueJS 3、Sanctum 和 Reverb 构建一个实时后时间线应用程序，并引入 Pinia 进行状态管理。

项目路线图和状态：

[已上传] 使用 Vue 3 和 Reverb 设置 Laravel 的指南

[已上传] 让我们构建一个实时帖子时间线项目

项目描述：

[已上传] 使用 Vue 3 和 Reverb 设置 Laravel 的指南

在本节中，我们将通过设置两个项目来研究 Laravel 和 Vue 的基础知识。

本节将介绍的一些主题包括：

• 了解如何设置 Laravel Sanctum 来提供 SPA。

• 了解 Laravel 和我们的前端 Vue 3 应用程序中广播的基础知识。

• 我们还将在前端应用程序中配置私人广播。

• 了解如何在 Vue 3 中使用可组合项

• 了解如何实现登录流程等身份验证功能，并在重新加载时获取用户数据。

[已上传] 让我们构建一个实时帖子时间线项目

在本节中，我们将构建一个实时帖子时间线项目，用户可以在其中创建帖子、查看所有帖子以及喜欢帖子，所有这些交互都将是实时的，我们还将实现无限滚动功能。

本节将介绍的一些主题包括：

• 了解如何创建帖子并广播该事件以实时显示创建的帖子。

• 了解如何显示服务器驱动的验证错误。

• 我们将学习如何使用 Laravel 提供的 API 在 Vue 3 中实现无限滚动功能。

• 我们将学习如何使用 Pinia 管理应用程序的状态

• 了解如何点赞帖子并广播点赞事件以实现实时功能

• 了解如何编辑帖子并实现实时编辑功能

• 还有更多主题。

课程概要：

• 使用 Laravel（与 Sanctum、Reverb）和 Vue 3（SPA）构建实时应用程序

• 配置 Laravel Sanctum（以及 Fortify）来提供前端 SPA

• 在 Laravel 中设置广播并使用 Laravel Echo 在我们的 Vue 3 应用中监听事件

• 在 API/SPA 环境中配置和实现私有广播

• 当用户滚动到时间线底部时，使用 Intersection Observer API 自动加载下一篇帖子

• 学习 Laravel 中的数据库播种技术

• 了解如何在 Laravel 中使用 API 资源

• 了解如何从后端监听广播事件并在前端做出相应的反应

• 所有这些状态都将使用 Pinia 在客户端进行管理

在本课程结束时，您将构建一个功能丰富的实时时间线应用程序，展示您对前端和后端技术的理解，非常适合任何有志于提高动态 Web 应用程序开发技能的开发人员。

本课程适合哪些人：

• 想要使用 Vue 3 和 Reverb 构建实时 Web 应用程序的 Laravel 开发人员
• 想要学习如何将 Laravel 与 Reverb 集成以构建实时应用程序的 VueJS 开发人员