Как независимого веб-разработчика, одной из самых раздражающих частей моего путешествия всегда была интеграция виджета загрузки файлов в мои проекты или веб-сайты клиентов.

Я больше фронтенд-разработчик и всегда предпочитаю сосредотачиваться на дизайне, интерфейсе и общем опыте моих пользователей.

А когда дело доходит до настройки серверной части или сервера, я всегда чувствую, что хочу побыстрее закончить это дело, чтобы вернуться к творческой и интересной части моей работы.

Проблема в том, что интеграция красивого, оптимизированного, безопасного и простого в использовании виджета для загрузки файлов не является быстрой задачей:

  • Вы должны выбрать правильный файловый сервер для ваших нужд
  • Многие точки безопасности должны быть изучены и интегрированы
  • Вам часто приходится иметь дело с системой кэширования для рендеринга загруженных файлов.
  • Настройка корзины файлов на AWS или любом другом сервере хранения объектов — это проблема.
  • Создать красивый виджет загрузки в реальном времени сложно.

Но поскольку мне часто приходится выполнять эту работу в проектах моих клиентов, мне нужно было найти решение, позволяющее автоматизировать процесс и не тратить десятки часов на создание одного и того же виджета загрузки или настройку файловые серверы каждый раз.

Вот почему я решил создать собственное решение, которое называется Uplomatic.

Что такое Uplomatic и в чем преимущества этого решения?

Если вы, как и я, творческий разработчик, которому не нравится работа с серверной частью, или если у вас нет технических навыков, необходимых для создания виджета загрузки, Uplomatic создан для вас.

Это, наконец, даст вам возможность интегрировать полностью работающий виджет загрузки на любой веб-сайт всего двумя строками HTML.

Вам не нужно беспокоиться о выборе файлового сервера или его настройке, Uplomatic сделает это автоматически за вас.

Лучше, чем слово, я предлагаю вам проверить эту небольшую демонстрацию, которую я разместил, где виджет загрузки настроен так, чтобы он отображался в простой форме. Как видите, это красиво и интегрировалось всего за несколько минут.

Теперь позвольте мне объяснить шаг за шагом, как интегрировать виджет загрузки благодаря Uplomatic на ваш собственный веб-сайт.

Как установить виджет загрузки на свой сайт?

Прежде всего, вам нужно будет создать учетную запись на Uplomatic, выбрав план подписки, который будет соответствовать вашим потребностям.

В настоящее время существует 2 разных плана с 7-дневной бесплатной пробной версией. Разница между обоими планами в основном заключается в хранении файлов, которое вы получаете, и максимальном размере файла, который можно загрузить.

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

Нажмите «Создать виджет загрузки», когда форма будет заполнена, и вы будете перенаправлены на страницу «Интеграция», которая должна выглядеть следующим образом:

В нем объясняются необходимые шаги для установки виджета на вашу страницу:

  • На первом этапе вам просто нужно вставить строку Uplomatic Javascript над вашим тегом ‹/body›. Он просто загружает Uplomatic и всю логику
  • На втором этапе вам нужно вставить строку HTML на свою страницу там, где вы хотите, чтобы виджет загрузки отображался; это может быть в форме или в любом месте на вашем сайте.

С этими 2 простыми шагами виджет уже должен полностью работать.

Затем Uplomatic будет создавать скрытое поле ввода на вашем веб-сайте каждый раз при загрузке файла. Как вы можете видеть на шаге 3 страницы интеграции, вы можете легко получить этот URL-адрес в своем бэкэнде всего одной строкой, а затем сохранить его в своей базе данных.

Установка и интеграция на ваш веб-сайт займет всего несколько минут. Это значительно упростит процесс создания виджета загрузки и, самое главное, избавит вас от головной боли, связанной со сложным бэкэндом и файловым сервером.

И если вы действительно не разбираетесь в технологиях, обратите внимание, что я буду более чем счастлив сделать интеграцию для вас (бесплатно). Для этого вам просто нужно связаться со мной через встроенный чат поддержки виджет доступен на любых страницах Uplomatic.

Надеюсь, вам понравится использовать Uplomatic в ваших будущих проектах 😉