Фоновая геолокация в Ionic Capacitor | Работает при закрытом приложении (Android и iOS)
Coding Technyks
0:00 / 0:00
Фоновая геолокация в Ionic Capacitor | Работает при закрытом приложении (Android и iOS)
109 просмотров · 11 часов назад
Coding Technyks
10,1 тыс. подписчиков
109 просмотров · 11 часов назад
Фоновое отслеживание местоположения в Ionic и Capacitor, которое продолжает работу на Android и iOS, даже когда приложение свернуто или закрыто. Создано с использованием Ionic 9, Angular 22, Capacitor 8 и плагина Capawesome Background Geolocation. Полный код объяснен, затем протестировано на реальных iPhone и Android-смартфонах.
Спонсор: Capawesome.
📌 Что вы узнаете
• Настройка фоновой геолокации Capawesome (Android + iOS)
• Двухфакторная аутентификация местоположения в фоновом режиме («Всегда» / «Разрешить всегда»)
• startWatching + нативная очередь SQLite: почему ни одна точка местоположения не теряется
• Автоматическая загрузка HTTP-данных, даже когда приложение закрыто
• Создание всего приложения с помощью Claude Code (vibe coding)
🔗 Ссылки
Исходный код → https://github.com/Nykz/cap-backgroun...
Документация по плагину → https://capawesome.io/docs/sdks/capac...
Capawesome → https://capawesome.io/
------------------------------* Новые курсы *------------------------------
Claude + n8n MCP — Создание готового к производству ИИ Администратор на ресепшене
https://www.udemy.com/course/claude-n...
Vibe Coding Foundation: Создание SaaS-приложений для производства с помощью ИИ
https://www.udemy.com/course/vibe-cod...
---------------------------* Самые продаваемые курсы *---------------------------
1. Инженер по автоматизации ИИ — от нуля до готовности к работе в отрасли с n8n
https://www.udemy.com/course/ai-autom...
2. Agentic AI 1. Мастер-класс по Full-Stack разработке: RAG, MCP и AI-агенты
https://www.udemy.com/course/agentic-...
3. Мастер-класс по Ionic 9+ и Supabase Full-Stack: создание приложений реального времени
https://www.udemy.com/course/build-a-...
4. Полный курс веб-разработки (фронтенд) на хинди
https://www.udemy.com/course/complete...
5. Мастер-класс по NodeJS и ExpressJS: от начинающего до профессионала в области REST API
https://www.udemy.com/course/nodejs-b...
6. Мастер-класс по Ionic 9 + Firebase: создание приложений реального времени
https://www.udemy.com/course/ionic-ch...
7. Полный стек Ionic 9+, Angular и Node.js: приложение для доставки еды
https://www.udemy.com/course/ionic-6-...
8. Освоение Ionic 9+: приложение для доставки еды от начинающего до эксперта Курс
https://www.udemy.com/course/ionic5-b...
9. Освоение SQL на хинди: подготовка к Data Science и Backend 2026
https://www.udemy.com/course/master-s...
Полный каталог курсов и пакеты → https://codingtechnyks.com/courses
🛒 *****Экономьте время с готовыми к использованию премиум-продуктами и шаблонами (скидка 20% на все продукты) -
Код купона: TECHNYKS20
https://codingtechnyks.com/templates
🚀 *****Получите скидку до 50% на премиум-продукты и шаблоны, если присоединитесь к членству на YouTube (Growth Squad или (Выше)
Присоединяйтесь к членству, чтобы получить эксклюзивные привилегии → https://www.youtube.com/@CodewithTech...
Подпишитесь на больше уроков по программированию → / @codingtechnyks
🤝 Свяжитесь со мной:
🌐 Веб-сайт: https://codingtechnyks.com
📸 Instagram: / code_with_technyks
🐦 Twitter/X: https://x.com/codingtechnyks (@codingtechnyks)
💻 GitHub: https://github.com/Nykz
🔵 LinkedIn: / codingtechnyks
⏱️ Временные метки
0:00 Финальное приложение для Android и iOS
0:25 Фоновое местоположение: что мы создаём
0:35 Плагин Capawesome + Insiders
1:35 Создание Ionic 9 + Приложение Angular
2:02 Настройка плагина + лицензионный ключ
2:28 Кодирование в Vibe с Клодом Кодом
3:54 Подсказка
6:25 Клод собирает и тестирует приложение
10:47 Линт, 153 теста, сборка для продакшена ✅
13:15 Пошаговый разбор кода: как работает интеграция
14:18 Настройка нативных приложений для Android и iOS
16:55 Почему плагин работает за InjectionToken
18:51 Двухэтапный процесс получения разрешений
20:37 startWatching: сервис отслеживания
22:10 Нативная очередь SQLite и безопасное отключение
24:01 Автоматическая загрузка по HTTP
26:41 Работает на Android и iOS
31:36 Тест на реальном iPhone
36:36 Исправление: разрешение "Всегда"
39:11 Фоновый тест на iPhone ✅
40:03 Тест на реальном Android
41:21 Вердикт
42:36 Заключение
#Ionic #Capacitor #ФонМестоположения