|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/supabase-vue-3-with-quasar-pinia/
课程评论：没有评论
课程名称：Supabase与Vue 3（使用Quasar和Pinia） 课程概述： 在本课程中，您将学习如何将Quasar 2应用程序（与Vue 3和Pinia结合使用）连接到Supabase后端。课程开篇将引导您下载并启动示例应用程序Moneyballs，您将学习如何将其连接到Supabase数据库，并添加完整的CRUD功能，单用户可以执行以下操作： - 从Supabase读取和显示条目 - 添加条目 - 删除条目 - 更新条目 - 重新排序条目 - 实时更新 接下来，您将创建一个身份验证页面，用户可以在此登录和注册，并设置Supabase身份验证功能，包括： - 用户注册 - 用户注销 - 用户登录 - 监听身份验证变化 - 登录和注销时重定向用户 然后，您将为应用程序添加对多用户的支持并增加安全性，使用导航守卫、Supabase行级安全性（RLS）和策略。接下来，您将学习数据库函数和触发器，具体内容包括： - 创建一个数据库函数来跟踪使用Moneyballs创建的条目总数 - 学习如何直接从Moneyballs触发该数据库函数 - 创建一个触发器，在每次任何用户添加新条目时自动触发该数据库函数 您还将学习Supabase存储服务，包括： - 创建用户头像存储桶 - 允许每个用户上传头像 - 在Moneyballs中显示头像 随后，您将学习如何在本地运行整个Supabase实例，包括： - 在本地安装Supabase - 从实时Supabase实例导入所有数据库表和数据 - 学习如何在本地更改数据库 - 学习如何将这些更改推送到实时实例 接下来，您将学习边缘函数，包括： - 在本地创建一个边缘函数，该函数向用户显示随机问候 - 在边缘函数中访问身份验证和数据库，以显示用户条目总数 - 将本地边缘函数部署到实时Supabase实例 最后，您将为生产构建应用程序，使其能够在五个平台上运行：Web浏览器、iOS、Android、Mac和Windows。 推荐的学习背景： - 已完成课程《Vue 3: 创建移动与桌面应用（使用Quasar 2和Pinia）》 - 使用Mac - 对Vue 3（Composition API）、Quasar、Pinia和JavaScript有基本了解
In this course, you'll learn how to connect a Quasar 2 app (with Vue 3 & Pinia) to a Supabase backend.You'll start by downloading and launching the course app, Moneyballs (from my course Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia).You'll connect Moneyballs to a Supabase Database and add full CRUD capabilities for one user:Read and display Entries from SupabaseAdd EntryDelete EntryUpdate EntryReorder EntriesRealtime UpdatesYou'll then create an Auth page where a user can login & register and setup Supabase Authentication:Register UserLogout UserLogin UserListen for Auth ChangesRedirect the User on Login & LogoutYou'll then add support for Multiple Users and add security to the app:Navigation GuardsSupabase Row Level Security (RLS) & PoliciesNext you'll learn about Database Functions & Triggers, you will:Create a Database Function which keeps track of the total number of entries created with MoneyballsLearn how to fire the Database Function straight from MoneyballsCreate a Trigger which fires this Database Function (automatically) every time any user adds a new entryYou'll learn about Supabase Storage, you will:Create an Avatars Storage BucketAllow each user to upload an AvatarDisplay the Avatar within MoneyballsNext you'll learn how to take your entire Supabase instance and run it locally, you'll:Install Supabase locallyImport all Database Tables & Data from the Live Supabase instanceLearn how to make changes to the Database locallyLearn how to push these changes to the Live instanceYou'll then learn about Edge Functions, you will:Create an Edge Function (locally) which displays a random greeting to the userAccess Auth and the Database in the Edge Function, so that we can display the user's total number of entries in the greetingDeploy the local Edge Function to the Live Supabase instanceFinally, you'll build the app for production and get it working on 5 platforms:Web browseriOSAndroidMacWindowsFor this course, I recommend:Having completed my course Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia)Using a MacHaving a basic understanding of Vue 3 (Composition API), Quasar, Pinia & JavaScript
