Nativefier — Превращаем веб-сайты в нативные приложения за пару команд

29 Sep, 2023

Это архивный репозиторий и может быть устаревшим.

35,311
🔱 2,239
👥 3

Знакомая ситуация: у вас постоянно открыт мессенджер в браузере, но его вкладка теряется среди десятков других? Или хочется, чтобы веб-приложение выглядело как полноценная программа на вашем компьютере? Nativefier решает эту проблему одной командой в терминале.

Что такое Nativefier?

Nativefier — это инструмент командной строки, который упаковывает любую веб-страницу в нативное приложение для Windows, macOS или Linux. Под капотом используется Electron, поэтому результат выглядит и ведёт себя как обычная программа, но внутри работает знакомый вам веб-интерфейс.

Пример приложения Nativefier в доке macOS

Почему это удобно?

  • Отдельное окно — больше не нужно искать вкладку среди десятков других
  • Значок в доке/панели задач — быстрый доступ одним кликом
  • Уведомления — работают как в обычном приложении
  • Меньше нагрузки на браузер — особенно актуально для тех, кто держит много вкладок открытыми

Как это работает?

Достаточно одной команды:

nativefier 'web.whatsapp.com'

Анимация создания приложения

Реклама

Nativefier автоматически определит название приложения и иконку, но вы можете настроить всё под себя:

nativefier --name 'Мой WhatsApp' --icon whatsapp.png 'web.whatsapp.com'

Ключевые возможности

  1. Кросс-платформенность — собирает приложения под Windows, macOS и Linux
  2. Гибкая настройка — можно менять иконки, названия, пользовательский агент
  3. Инъекция кода — добавление своего CSS и JavaScript для кастомизации
  4. Поддержка Docker — можно использовать без установки Node.js
  5. Автоматическое обновление — встроенный механизм обновлений

Технические детали

Проект написан на TypeScript и использует Electron для создания исполняемых файлов. Это означает, что каждое созданное приложение — это фактически минимальный браузер Chromium, заточенный под конкретный сайт.

Практическое применение

Вот несколько идей, как можно использовать Nativefier:

  • Создать отдельное приложение для рабочего мессенджера (Slack, Telegram, WhatsApp)
  • Упаковать веб-версию Spotify или YouTube Music
  • Сделать "нативную" версию Trello или Notion
  • Создать локальное приложение для админки вашего сайта

Важное замечание

Проект в настоящее время не поддерживается (unmaintained), но продолжает работать. Если вам нужен более актуальный аналог, можно посмотреть форки этого репозитория.

Nativefier — отличный инструмент для тех, кто:

  • Часто пользуется веб-приложениями и хочет удобный доступ к ним
  • Разрабатывает веб-приложения и хочет быстро создать демо-версию для клиентов
  • Любит экспериментировать с кастомизацией интерфейсов

Попробуйте — возможно, это именно то, чего вам не хватало для комфортной работы с веб-сервисами.

🍪 Мы используем файлы cookie и сервис аналитики Яндекс.Метрика, чтобы сайт работал лучше. Продолжая пользоваться devtrends.ru, вы соглашаетесь с обработкой данных согласно Политике конфиденциальности.