Как отрендерить страницу при SSR?

Question

[romaro]

Вопрос, наверное, к тем, у кого есть опыт разработки сайтов на низкоуровневых фреймворках. У меня проект на базе express, шаблонизатор нунчаки, но я думаю принцип общий для разных технологических стеков (например, Python+Flask). Вопрос, который ставит меня в тупик: как передавать ссылки в шаблонизатор? Банально заполнять такие плейсхолдеры:

<a href="{{ links.auth.signup }}" class="_btnReg __btnReg">...</a>

Я предполагаю создавать глобальный объект links, который будет содержать все урлы, сортированные по модулям. Например:

links: {
  auth: {
    signup: '/signup',
    }
}

Этот объект со временем может разрастись до нескольких сотен урлов. Соответственно, при каждом вызове res.render, я планирую инклюдить его в общий список плейсхолдеров. Без какой-либо фильтрации, тупо все урлы проекта.

Вы поступали так же или делали какую-то хитрую фильтрацию, чтобы передавать на страницу только те ссылки, которые там есть?

Comments

[Сергей Горностаев]

Видать, принцип не общий, так как я не сталкивался с такой потребностью ни в Django, ни в Srping, ни в Play и ни в чём другом.

[nowm]

Сергей Горностаев, смысл всего этого в том, что, например, у вас на сайте может использоваться несколько шаблонов для разных ситуаций. Страница со статьями — полностью отдельный шаблон, лэндинг сайта — полностью отдельный шаблон, страница товара — отдельный шаблон. И так далее. В каждом из этих шаблонов нужно использовать одинаковые ссылки. Можно их прописывать прямо как <a href="/signup">Sign Up</a>, а потом, если нужно что-то поменять, просто пользоваться поиском по коду в IDE и править вручную. А можно завести один глобально доступный объект со ссылками, и в каждом шаблоне тянуть их из этого объекта. В таком случае, если вам нужно поправить адрес, вы редактируете один объект, и все шаблоны подхватывают изменения автоматически.

[Сергей Горностаев]

nowm, я понимаю в чём смысл, но в Django например я могу написать так <a href="{ url 'name_of_controller' }"> и фреймворк сам подставит ссылку, соответствующую обработчику, который должен её обрабатывать. Все
соответствия ссылок обработчикам хранятся в одном месте - файле urls.py. Аналогично у Play. Аналогично у Spring, только у него ссылка описывается аннотацией контроллера. Похоже, что мало где приходится делать подобные вещи руками, но автор вопроса поставил на него очень широкий тег "web-разработка" вместо более подходящего "express.js".

[nowm]

Сергей Горностаев, ну да, тут согласен. Многие фреймворки и языки позволяют делать такие вещи в SSR. Но в JS часто встречается ситуация, когда для отдельных задач используются более специализированные компоненты. ExpressJS — отдельный компонент, который отвечает за обработку запросов, шаблонизатор — тоже отдельно. Работа с БД — ещё какой-то отдельный компонент от совсем другого автора. Такие комплексные вещи, как, например, Django в Python, который умеет делать сразу всё и который за счёт этого упрощает разные вещи, в JS редко встречаются, и вообще подход с большими фреймворками не так популярен.

Единственное, я не согласен, что «мало где приходится подобные вещи руками». NodeJS используется всё больше и больше — за счёт того, например, что можно использовать для отрисовки контента одни и те же компоненты и на серверной стороне и в браузере, сначала генерируя страницу на серверной стороне, а потом «оживляя» её в браузере, из-за чего возникает впечатление мгновенной загрузки сайта. Из-за роста популярности NodeJS и недостаточности фреймворков «всё в одном» на JS, такие моменты встречаются чаще и чаще, потому что NodeJS начинает занимать в теме «web-разработка» больше и больше места.

[Сергей Горностаев]

nowm, на это ресурсе теги предполагается использовать так, чтобы их подписчики видели только релевантные себе вопросы. Для меня вопрос организации работы со ссылками в express.js нерелевантен, как и для многих других. А это значит, что сюда может заглянуть модератор и вместо полемики сразу перейти к репрессиям за нарушение пункта 3.1 правил.

[nowm]

Сергей Горностаев, а смысл ждать реакции модератора? Любой пользователь может отредактировать вопрос и добавить/убрать теги или изменить содержимое вопроса, если считает, что что-то не так. Нажимаете три точки под вопросом и выбираете ссылку «Поправить вопрос». Для этого не обязательно быть автором этого конкретного вопроса.

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

[Сергей Горностаев]

nowm, я стараюсь сначала узнать мнение автора вопроса о правке. Вдруг я что-то не учёл.

[romaro]

Сергей Горностаев, спасибо, что делитесь опытом. Я почитал, как это реализовано в Django (с фреймворком не знаком). Если я правильно понял, то на уровне каждого модуля создается свой файл со списком ссылок этого модуля (например, orders.urls), чтобы при запуске приложения собирать из них общий объект, который виден для всех шаблонов. Поправьте, если не так.

[Сергей Горностаев]

romaro, именно так.

[romaro]

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

[Сергей Горностаев]

romaro, во многих фреймворках решение есть из коробки.