Привет, друзья!👋

Опубликовано: 2024-10-08

Привет, друзья!👋
Сегодня немного о технологиях 🎈.

Поведаю о Handlebars.js — одном из самых популярных инструментов для шаблонизации в веб-разработке.

Что такое Handlebars.js?

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

Пример использования Handlebars на сервере

Рассмотрим простой пример: создание макета письма, который можно отправлять по почте. В нашем шаблоне есть динамические данные, которые подставляются в зависимости от определённых критериев. Это позволяет гибко и эффективно управлять содержимым писем без необходимости вручную изменять HTML-код.

Создаю файл шаблона emailTemplate.hbs:

<!DOCTYPE html><html>
<head>
  <meta charset="UTF-8">
  <title>{{subject}}</title>
</head>
<body>
  <h1>Здравствуйте, {{name}}!</h1>
  <p>{{message}}</p>
  {{#if showFooter}}
  <footer>
    С уважением,<br>
    Ваша Компания
  </footer>
  {{/if}}
</body>
</html>

Создаю email при помощи handlebars

// Чтение шаблона из файла
const templatePath = path.join(__dirname, 'emailTemplate.hbs');
const source = fs.readFileSync(templatePath, 'utf8');

// Компиляция шаблона
const template = handlebars.compile(source);

// Данные для шаблона
const replacements = {
  subject: "Добро пожаловать!",
  name: "Илья",
  message: "Спасибо за регистрацию на нашем сайте. Мы рады видеть вас среди наших пользователей.",
  showFooter: true
};

// Генерация HTML контента
const htmlToSend = template(replacements);

Вот собственно и все.

Заключение

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

Если у вас есть вопросы или опыт использования Handlebars, обязательно поделитесь ими в комментариях!👇

#LIBS

Хотите больше таких постов?

Подпишитесь на канал и читайте продолжение в Telegram.