Кейс: Створення PDF-документів на сайті
Для вирішення деяких завдань може знадобитися формування PDF-документів на сайті або інтернет-магазині. Звичайно, ми можемо дати посилання та завантажити готовий документ, такий підхід простий у реалізації та щодо нересурсоємок. Але що, якщо кількість документів перевищить 1000? Зберігати їх усі і не заплутатися в них – не найлегше завдання. Тут нам і підійде динамічна генерація pdf-файлу з підстановкою в нього необхідної інформації – наприклад, даних клієнта або угоди.
Навіщо це може знадобитися? Наприклад, клієнту потрібно:
- генерувати прайси у pdf;
- виписувати рахунки;
- формувати накладні на сайті;
- формувати дипломи, сертифікати;
- формувати різноманітну “фірмову” документацію.
Наша команда має досвід вирішення таких завдань у найрізноманітніших сферах бізнесу і ми можемо про це розповісти на прикладі двох сайтів, де були застосовані різні підходи до реалізації завдання: за допомогою спеціальних JS-бібліотек та за допомогою плагінів (модулів) для конкретної CMS.
Генерація PDF з HTML-шаблону за допомогою JS-бібліотек
Після чого за допомогою певних JavaScript-бібліотек генерується готовий до скачування документ:
Формування PDF на сайті за допомогою плагінів для конкретної CMS
Прикладом другого варіанта реалізації буде інтернет-магазин оптово-роздрібного продажу подарунків та сувенірів, на якому на сторінці товару генеруються прайси поділу цього товару.
Це зручно для користувача: в якому розділі магазину він не знаходився, він завжди зможе отримати загальну інформацію про всі товари даного розділу. Подібна реалізація є зручною для представників оптових організацій, які приходять на сайт із конкретним запитом.
Подивіться, як це виглядає на сайті:
Для решения некоторых задач может потребоваться формирование pdf-документов на сайте или интернет-магазине. Конечно, мы можем дать ссылку и скачать готовый документ, такой подход прост в реализации и относительно нересурсоёмок. Но что, если количество документов перевалит за 1000? Хранить их все и не запутаться в них – не самая лёгкая задача. Тут-то нам и подойдёт динамическая генерация pdf-файла с подстановкой в него нужной информации – к примеру, данных клиента или сделки.
Зачем это может потребоваться? Например, клиенту нужно:
- генерировать прайсы в pdf;
- выписывать счета;
- формировать накладные на сайте;
- формировать дипломы, сертификаты;
- формировать различного рода “фирменную” документацию.
У нашей команды есть опыт решения таких задач в самых разных сферах бизнеса и мы можем об этом рассказать на примере двух сайтов, где были применены разные подходы к реализации задачи: с помощью специальных JS-библиотек и с помощью плагинов (модулей) для конкретной CMS.
Генерация PDF из HTML-шаблона с помощью JS-библиотек
Примером первого варианта реализации будет сайт учебного онлайн-центра, на котором по своим персональным данным можно проверить наличие своего диплома, сгенерировать его и скачать диплом в виде PDF-документа. Всё это видится и используется пользователем интуитивно и легко в несколько шагов.
Сперва пользователь вводит данные диплома в указанном поле:
После чего с помощью определённых JavaScript-библиотек генерируется готовый к скачиванию документ:
Формирование PDF на сайте с помощью плагинов для конкретной CMS
Примером второго варианта реализации будет интернет-магазин оптово-розничной продажи подарков и сувениров, на котором на странице товара генерируются прайсы раздела этого товара.
Это удобно для пользователя: в каком бы разделе магазина он ни находился, он всегда сможет получить общую информацию о всех товарах данного раздела. Подобная реализация является удобной для представителей оптовых организаций, которые приходят на сайт с конкретным запросом.
Посмотрите как это выглядит на сайте:
Функциональные модули генерируют приятный динамический PDF-документ:
Комментарии