LADY IT Создать сайт с помощью Google Sites и превратить его в мобильное приложение — это быстрый способ получить простое мобильное решение без глубоких навыков программирования.
Ниже пошаговое руководство, как это сделать с использованием Google Sites + Thunkable .
✅ ШАГ 1: Создание сайта в Google Sites
Что такое Google Sites?
Это бесплатный инструмент от Google для создания сайтов без кода. Идеально подходит для лендингов, портфолио, блогов или образовательных платформ.
Как создать сайт:
- Перейдите на sites.google.com
- Нажмите «Создать»
- Выберите:
- Новый сайт
- Или сайт на основе шаблона
- Заполните содержимое:
- Добавьте заголовки, текст, изображения, видео (например, с YouTube), встроенные формы Google Forms
- Настройте меню и структуру сайта
- Опубликуйте сайт:
- Нажмите «Опубликовать» в правом верхнем углу
- Убедитесь, что сайт доступен всем (или только вашей целевой аудитории)
📌 Совет: Чтобы сайт корректно отображался в мобильном приложении, убедитесь, что он адаптирован под мобильные устройства (в Google Sites это уже сделано автоматически).
✅ ШАГ 2: Конвертация сайта в мобильное приложение через Thunkable
Что такое Thunkable?
Thunkable — это платформа для создания мобильных приложений без кода. Поддерживает Android и iOS.
🔗 Сайт: https://x.thunkable.com/
🛠 Как создать приложение:
1. Зарегистрируйтесь на Thunkable
- Перейдите на https://x.thunkable.com/
- Зарегистрируйте аккаунт (можно через Google)
2. Создайте новый проект
- Нажмите «New Project»
- Выберите «Mobile App»
3. Откройте конструктор (Designer)
- Удалите все стандартные элементы
- Найдите в палитре слева компонент WebView
- Перетащите его на экран приложения
4. Настройка WebView
- В разделе Properties найдите свойство URL
- Вставьте ссылку на ваш Google Site (ту, которую вы опубликовали ранее)
- Можно также настроить:
- ProgressBar — для отображения прогрузки
- Button «Назад», «Вперёд», «Обновить»
- Проверка наличия интернета
5. Перейдите во вкладку Blocks
- Здесь можно добавить логику, например:
- Обработка ошибок подключения
- Кнопки навигации
- Уведомления
(Для простого приложения этот шаг можно пропустить.)
6. Тестирование
- Нажмите кнопку «Test App»
- Отсканируйте QR-код с помощью телефона через приложение Thunkable (скачайте из App Store или Google Play)
✅ ШАГ 3: Публикация приложения
Для Android:
- Экспортируйте APK:
- В Thunkable нажмите «Build»
- Выберите Android (.apk)
- Скачайте файл и установите на устройство
- Либо загрузите приложение в Google Play:
- Для этого нужен аккаунт разработчика ($25)
- Используйте функцию Publish to Google Play в Thunkable
Для iOS:
- Thunkable позволяет публиковать в App Store, но процесс более строгий.
- Вам понадобится Apple Developer Account ($99 в год)
- Также нужно использовать macOS для подписи приложения
🎁 Примеры использования
Вы можете использовать такой подход для:
- Онлайн-курсов
- Блогов
- Личного портфолио
- Мобильной версии сайта школы / университета
- Образовательных платформ
⚠️ Ограничения метода
| ПЛЮСЫ | МИНУСЫ |
|---|---|
| Очень быстро и бесплатно | Ограниченная кастомизация |
| Не требует знания программирования | Нет push-уведомлений без дополнительных интеграций |
| Автоматически адаптирован под мобильные устройства | Приложение — просто обёртка вокруг сайта |
💡 Полезные ссылки
- https://sites.google.com – Google Sites
- https://x.thunkable.com/ – Thunkable
- https://play.google.com/store/apps/details?id=com.kodular.app.release – Thunkable Viewer для Android