У нас вы можете посмотреть бесплатно Google AI Studio теперь создаст ваш бэкенд ЗА вас 🤯 (настройка Firebase + Firestore) или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
*👩🏼💻 Хотите создать *свое приложение? Запишитесь на индивидуальную коуч-сессию со мной:** → 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