Google AI Studio теперь создаст ваш бэкенд ЗА вас 🤯 (настройка Firebase + Firestore)
Your AI Workflow
0:00 / 0:00
Google AI Studio теперь создаст ваш бэкенд ЗА вас 🤯 (настройка Firebase + Firestore)
102 532 просмотра · 10 месяцев назад
Your AI Workflow
27,3 тыс. подписчиков
102 532 просмотра · 10 месяцев назад
*👩🏼💻 Хотите создать *свое приложение? Запишитесь на индивидуальную коуч-сессию со мной:**
→ https://calendly.com/antonina-youraiw...
🔥 Получите БЕСПЛАТНОЕ руководство к этому видео → https://firebase-x-google-ai-studio-g...
🤔 Вы видеоредактор? Напишите мне на siteskulpt@gmail.com (❗Укажите стоимость и объем работ, чтобы получить ответ)
*👉 Для услуг/сотрудничества:*
→ Электронная почта: antonina@youraiworkflow.co
→ WhatsApp: https://wa.me/34632407883
-----
Вы, вероятно, создавали фронтенд-приложения в Google AI Studio, но знаете ли вы, что можете бесплатно добавить полноценный, безопасный бэкенд?
Это видео представляет собой полное пошаговое руководство по подключению мощного бэкенда Firebase к вашим приложениям Google AI Studio. Я покажу вам, как создать с нуля пользовательское приложение в стиле «Google Drive», позволяющее пользователям регистрироваться, подтверждать свою электронную почту, входить в систему через Google, загружать файлы и сохранять все свои данные в защищенной базе данных и облачном хранилище.
Это неспешное, дружелюбное для начинающих руководство, в котором я пошагово описываю каждый этап.
✨ *ЧТО ВЫ УЗНАЕТЕ В ЭТОМ ВИДЕО: ✨*
Это очень подробный, 19-шаговый рабочий процесс. Вы узнаете:
🔐 *Полная аутентификация пользователей (с нуля):*
Как *создать проект Firebase* и получить код SDK.
Как *создать аутентификацию Firebase* (электронная почта и пароль).
Как **добавить функцию "Забыли пароль"**.
Как *добавить безопасную проверку электронной почты* (для предотвращения создания поддельных учетных записей).
Как *добавить вход через Google* в ваше приложение.
Как *протестировать обработку всех ошибок* (например, "пользователь уже существует").
🗃️ *Подключение к рабочей базе данных (Firestore):*
Как *создать базу данных Firestore* для хранения информации о пользователях.
Как *написать надежные правила безопасности* для защиты пользовательских данных.
Как *связать AI Studio с вашей базой данных* для сохранения информации о пользователях (например, имени и данных профиля) при регистрации или входе в систему.
📂 *Создание облачного хранилища файлов (Firebase Storage):*
Как *создать Firebase Storage* для обработки загрузки файлов.
Как *написать правила безопасности, специфичные для хранилища* (чтобы пользователи могли получать доступ только к своим файлам).
Как создать функцию загрузки файлов (изображений, PDF-файлов и т. д.).
Как создать функцию скачивания файлов.
Как добавить функцию загрузки фотографии профиля.
Как связать все это вместе для создания полной истории «диска».
📊 *Завершающие штрихи пользовательского интерфейса:*
Как создать динамический загрузчик хранилища, который рассчитывает и отображает, сколько места осталось у пользователя (например, «использовано 2% от 5 ГБ»).
-----
⏰ *ВРЕМЕННЫЕ МЕТКИ*
00:00 - Введение: Полнофункциональное приложение Firebase
01:04 - *01:* Разработка фронтенда (пошаговое руководство по приложению)
02:35 - Как работает бэкенд Firebase (логика)
02:52 - *02:* Создание проекта в консоли Firebase
03:36 - *03:* Регистрация веб-приложения и получение кода SDK
04:14 - *04:* Настройка аутентификации Firebase
04:24 - *05:* Настройка методов входа (электронная почта/пароль и Google)
05:17 - *06:* Настройка шаблонов электронных писем (отправитель, тема и т. д.)
06:35 - *07:* Добавление входа по электронной почте/паролю в AI Studio (подсказка)
08:48 - *08:* Тестирование обработки ошибок ("Электронная почта уже существует")
09:22 - *09:* Как добавить подтверждение электронной почты
11:30 - *10:* Как добавить функцию "Забыли пароль?"
12:49 - *11:* Добавление входа через Google в AI Studio (подсказка)
15:34 - *12:* Создание базы данных Firestore (хранение информации о пользователях и файлах)
16:28 - Что такое «коллекция» и «документ»?
17:45 - *13:* Настройка правил безопасного хранилища Firestore
18:17 - *14:* Связывание базы данных Firestore с вашим приложением AI Studio
19:50 - Логика: как работает загрузка файлов в Firebase
21:10 - *15:* Создание хранилища Firebase для загрузки файлов
22:44 - *16:* Настройка правил безопасного хранилища Firebase
23:09 - *17:* Связывание хранилища и Firestore (запрос на загрузку файла)
26:21 - *18:* Настройка загрузки файлов
27:34 - *19:* Настройка загрузки и редактирования фотографий профиля
28:59 - *20:* Добавление загрузчика хранилища (расчет используемого пространства)
30:17 - Финальная демонстрация и заключение
#Firebase #GoogleAIStudio #NoCode #FullStackApp #AIAppBuilder #GeminiAI #Firestore #FirebaseStorage #AIAutomation #BuildWithAI #TechTutorial