О проекте
Это веб-приложение с современной архитектурой, которое позволяет загружать видео с популярных платформ, таких как YouTube, TikTok и Instagram, через браузер. Проект; Он построен на основе пользовательского интерфейса на основе React и серверной части PHP MVC и предназначен для бесперебойной работы в средах общего хостинга.
Клиент запросил инструмент для быстрой загрузки видео с разных платформ социальных сетей из единого центра, быстро и без регистрации. Кроме того, включена полноценная админ-панель, обеспечивающая управление сайтом, многоязычную структуру и управление рекламой. Вы можете связаться с нами для получения живой версии проекта.
Основные характеристики
- Мультиплатформенная загрузка видео: URL-адреса YouTube, TikTok и Instagram определяются автоматически; Информация о видео и параметры формата извлекаются мгновенно через интеграцию RapidAPI (Social Download All-In-One).
- Выбор качества и формата: Перечислены доступные форматы, такие как SD, HD, 1080p и аудиофайлы (звук высокого качества); Пользователь может загрузить его, выбрав нужную ему опцию.
- Безопасная загрузка с помощью прокси-сервера CORS: Благодаря механизму прокси-сервера на стороне сервера ограничения браузера преодолеваются, и файл передается непосредственно на устройство.
- Двуязычный интерфейс (TR / EN): Полная поддержка перевода обеспечивается библиотекой act-i18next. Предпочтением языка можно управлять как через URL-адрес (/tr, /en), так и через структуру субдомена. Все тексты перевода загружаются динамически из базы данных.
- Тёмная/Светлая тема: Выбор темы, управляемой Redux, сохраняется в localStorage и применяется последовательно на всех страницах.
- Модуль прямого эфира: Телеканалы, которые можно добавить из админ-панели, перечислены на главной странице и на отдельной странице «Прямой эфир». Благодаря поддержке встраивания YouTube трансляцию можно смотреть через модальное окно.
- Управление блогом: Сообщения в блоге на основе слизней можно создавать, редактировать и удалять. Также включена функция загрузки изображений.
- Управление статической страницей: Такие страницы, как политика конфиденциальности, политика использования файлов cookie, соглашение о конфиденциальности, можно редактировать с помощью панели администратора.
- Управление платформой: Поддерживаемыми платформами (с их значками и значками) можно управлять из панели администратора; активные/пассивные состояния можно изменить одним щелчком мыши.
- Управление панелью навигации и нижним колонтитулом: Пункты меню и ссылки в нижнем колонтитуле можно редактировать по столбцам из панели администратора.
- Управление рекламой: Независимый рекламный код можно добавить в верхнее, нижнее, правое и левое поля раздела «Герой»; Каждое поле можно активировать/деактивировать отдельно.
- Настройки SEO: Название сайта, метаописание, метаключевые слова и значок значка могут быть определены отдельно в зависимости от языка (TR/EN). Карта сайта XML может быть сгенерирована автоматически.
- История и статистика загрузки: Все загрузки записываются в базу данных. Распределение по платформам, сегодняшние/общее количество загрузок и графики за последние 7 дней (Recharts) отображаются в панели администратора.
- Контактная форма: Пользователи могут отправлять сообщения через сайт. В админ-панели сообщения можно просматривать и удалять в зависимости от статуса прочитанного/непрочитанного.
- Автоматический помощник перевода: Автоматический перевод можно выполнить одним щелчком мыши через мост Google Translate API на экране управления переводами в панели администратора.
Функции панели администратора
Одним из самых мощных аспектов проекта является обширная административная панель. Безопасность имеет приоритет благодаря управлению сеансами на основе JWT, шифрованному входу в систему (PHP-пароль_хэш) и защищенной структуре маршрутов. Через панель можно управлять следующими модулями:
- Общие настройки сайта и управление логотипом
- Управление языком и переводом (на основе базы данных, динамическое)
- Добавление/редактирование/удаление платформ
- Управление телеканалами в прямом эфире
- Создание публикации в блоге (включая загрузку изображений)
- Управление статическими страницами
- Управление ссылками в меню и нижнем колонтитуле
- История загрузок (пейджинг + массовое удаление)
- Управление коммуникационными сообщениями
- Управление рекламным пространством
- SEO-настройки + создание карты сайта
- Обновление профиля администратора (пароль включен)
Техническая инфраструктура
На переднем конце React 18 + Vite использовано; Реализованы такие оптимизации производительности, как разделение кода, отложенная загрузка и кэширование браузера. Инструментарий Redux является предпочтительным — видео, состояния администратора и пользовательского интерфейса организованы в отдельные фрагменты.
На серверной стороне PHP MVC. Благодаря единой точке входа (index.php) и специальному классу Router все запросы API маршрутизируются централизованно. PDO использовано; Приняты комплексные меры защиты от SQL-инъекций и XSS-атак.
Вся логика перенаправления URL-адресов проекта .htaccess; Таким образом, приложение можно установить в любой среде общего хостинга без необходимости дополнительной настройки.
Меры безопасности
- Предотвращение внедрения SQL с помощью подготовленных операторов PDO
- Предотвращение XSS с экранированием вывода
- Заголовки CORS, настроенные для безопасности API
- PHP для входа администратора
проверка_пароля - Указание исходного домена, разрешенного в модуле загрузки прокси (белый список)
- Проверка расширения для загруженных изображений (jpg, jpeg, png, webp, gif)
Для получения всех подробностей проекта и живой демонстрации: свяжитесь с нами!
Этот проект был разработан нами с нуля, и вы можете связаться с нами для получения исходного кода, поддержки установки и вариантов настройки.
Может заинтересовать вас
