|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nuxt-3-with-laravel/
课程评论：没有评论
课程名称：Nuxt 3 与 Laravel Sanctum 认证：实用指南 课程概述： 本课程旨在通过逐步指导，帮助您掌握从 Nuxt 前端与 Laravel API 进行认证的全栈开发。课程内容覆盖从基础到高级特性，确保您能够有效地保护您的应用程序。我们将开始设置一个 Nuxt 项目并配置 Laravel Sanctum，之后我们会添加注册、登录和注销功能。此外，还将介绍一些 TypeScript 小贴士、使用中间件保护页面以及使用 Vue composables 来保持代码整洁。 项目路线图及状态： - [已上传] 设置 Laravel 和 Nuxt - [已上传] 实现 Laravel 和 Nuxt 的双重认证（2FA）指南 - [已上传] 建立一个学生管理系统 - [已上传] 在 API/SPA 环境中实现角色/权限的指南 - [已上传] 杂项问题与修复 项目描述：构建认证系统 我们将从设置一个全新的 Laravel 项目开始，使用 Sanctum 和 Fortify，逐步配置一切，然后实现通过 Nuxt 使用 nuxt-auth-sanctum 模块进行认证。 章节亮点： - 设置一个全新的 Laravel 项目并使用 Sanctum 和 Fortify。 - 学习如何正确配置 Laravel Sanctum 以与前端 SPA 进行轻松通信。 - 正确配置 Nuxt 前端（结合 Nuxt-Auth-Sanctum）与 Laravel 后端通信。 - 使用 Nuxt-Auth-Sanctum 模块配置和实施认证。 - 创建一个简单而有效的认证模块。 - 制作一个具有登录和注册功能的简单而美观的入门套件。 - 学习如何使用身份认证和访客中间件来保护页面。 - 学习如何在 Laravel 中使用 API 资源格式化数据。 双重认证（2FA）指南 在这一部分，我们将探讨如何在 Laravel 和 Nuxt 中实现双重认证（2FA）。将使用 Laravel Fortify 包处理 2FA 逻辑，并将其与 Nuxt-Auth-Sanctum 模块集成。 章节亮点： - 学习如何使用 Laravel Fortify 启用和禁用 2FA。 - 实施密码确认流程，让用户在启用/禁用 2FA 前确认密码。 - 当用户尝试登录时，显示双重认证挑战，仅在启用 2FA 时显示。 建立学生管理系统 在这一部分，我们将构建一个简单的 CRUD 应用程序，并深入学习使用 Laravel、Sanctum 和 Nuxt 3 构建 CRUD 应用的基础知识。 章节亮点： - 了解 Vue.js 中的观察者并构建依赖下拉框。 - 学习如何使用工厂和填充程序在 Laravel 中填充模型所需的数据。 - 从头开始实现服务器端分页。 - 从头开始实现搜索功能（包括多列搜索）。 - 从头开始实现按班级过滤功能。 - 学习如何显示服务器驱动的验证错误，以及更多内容。 API/SPA 环境中实现角色/权限指南 在这一部分，我们将学习如何在 API/SPA 环境中实现角色和权限。从后端开始，实施必要的模型/迁移和填充程序，然后在前后端进行授权检查，确保只有授权用户可以访问特定资源。 杂项问题与修复 在这一部分，我们将涵盖在构建应用程序时可能遇到的一些杂项问题和修复方法。学习如何修复实现 2FA 后出现的登录问题以及登录时如何替换历史记录。 无论您是希望开始 API 认证的初学者，还是希望提升技能的经验丰富的开发者，本课程都能满足您的需求。加入我们，提升您的开发工具包吧！
Unlock the power of full-stack development with our step-by-step guide to authenticating with a Laravel API from a Nuxt front-end. This course is designed to take you from the basics to advanced features, ensuring you understand how to secure your applications effectively.This course covers everything you need to get started with authentication with Nuxt and Laravel. We'll start by setting up a Nuxt project and configuring Laravel Sanctum, then add the ability to register, sign in, and sign out.We'll also cover some TypeScript tips, protecting pages with middleware, and using Vue composables to keep our code tidy.Projects Roadmap and Status:[Uploaded] Setting Up Laravel and Nuxt[Uploaded] A Guide to Implement Two Factor Authentication (2FA) with Laravel and Nuxt[Uploaded] Let's Build a Student Management System[Uploaded] A Guide to Implement Roles/Permissions in an API/SPA Environment[Uploaded] Miscellaneous Issues and FixesProject Description:Building an Authentication SystemWe'll start by setting up a fresh Laravel project with Sanctum and Fortify, configuring everything step-by-step, and then we'll implement the ability to authenticate from Nuxt with the nuxt-auth-sanctum module.Section Highlights:Set up a fresh Laravel project with Sanctum and Fortify.Learn how to properly configure Laravel Sanctum to be able to communicate with a front-end SPA easilyLearn how to properly configure a Nuxt frontend (along with Nuxt-Auth-Sanctum) to communicate with a Laravel Backend.Configure and implement authentication using the Nuxt-Auth-Sanctum module.Build a simple yet effective authentication module.Create a simple yet beautiful starter kit with authentication features like Login, and Registration.Learn how to implement middlewares like Authenticated and Guest Middlewares to protect pages AccordinglyLearn how to use API Resources in Laravel to format the data accordinglyA Guide to Implement Two Factor Authentication (2FA) with Laravel and NuxtIn this section, we'll explore how to implement Two Factor Authentication (2FA) with Laravel and Nuxt. We'll use the Laravel Fortify package to handle the 2FA logic, and then we'll integrate it with the Nuxt-Auth-Sanctum module.Section Highlights:We'll learn how to Enable and Disable 2FA with Laravel Fortify.We'll also implement the Password Confirmation flow so that users have to confirm their password before enabling/disabling 2FA.And finally, we'll show the two-factor challenge when the user tries to log in, this will only be shown if 2FA is enabled.Let's Build a Student Management SystemIn this section, we'll build a simple CRUD app and dive into the fundamentals of building CRUD applications with Laravel, Sanctum, and Nuxt 3, we will learn the following topics along the way:Learn about Watchers in Vue.js and Build dependent dropdowns.Learn how to work with Factories and Seeders in Laravel, and seed the necessary data for all of our ModelsLearn how to Implement Server Side Pagination from scratch.Learn how to Implement Search Functionality from scratch, this includes multi-column search.Learn how to Implement Filter By Class Functionality from scratch.Learn how to display server-driven validation errors.And many more.A Guide to Implement Roles/Permissions in an API/SPA EnvironmentIn this section, we'll learn how to implement Roles/Permissions in an API/SPA Environment.We'll start with the backend first by implementing the necessary models/migrations and seeders.Then we'll implement authorization checks on both the frontend and backend to ensure that only authorized users can access certain resources.Miscellaneous Issues and Fixes In this section, we'll cover some miscellaneous issues and fixes that you might encounter while building your application.We'll learn how to fix the login issue that occurred when we implemented 2FA.We'll also learn how to replace the history when logging in.Whether you're a beginner looking to get started with API authentication or an experienced developer wanting to refine your skills, this course has something for you. Join us and enhance your development toolkit today!
