Понимание рендеринга в веб-приложениях: SSR

Подходы рендеринга боковых серверов обычно генерируют разметку на каждом запросе на сервер. Они возвращают динамический HTML-контент «на лету».

Языки сценариев на стороне сервера обеспечивают синтаксис, который интерпретируется по виду двигатель Сервер приложений Динамически написать HTML и отправить его в HTTP-ответ. Примеры:

• Zend Engine – Выступ
• .Net – Аспект
• Java – Jsp.

Ниже приведен пример сценария PHP.

Шаблонные двигатели

Для приложений сервера runtimes таких как; Nodejs, Python, Java, PHP и т. Д. Есть библиотеки, называемые шаблонными двигателями, которые могут предоставить синтаксис шаблонов.

Примеры:

• Nodejs – Руль , Мопс
• Python – Jinja.
• Java – Thymeleaf.
• PHP – Smarty , Лезвие

Ниже приведен пример шаблона руль:

Изоморфные/Универсальные JS

Эти подходы (также называемые Meta-Framework) позволяют сделать первую страницу Клиентская рамка Приложение на сервере затем доставить его клиенту. Это позволит браузеру показать содержимое страницы, не требуя выполнения любого JavaScript. Страница сначала видна только, но затем становится взаимодействием (или гидратированные ), когда JavaScript javaScript на стороне клиента завершится загружена на браузере. Изоморфные рамки работают на Nodejs на сервере.

Примеры этого являются:

• Угловой – Угловой универсальный (Работает на An Express приложение)
• Реагировать – Undjs
• Vue – Nuxtjs.
• Svelte/Angular/React – Meteorjs.

В следующем посте мы посмотрим на рендеринг на стороне клиента.

Оригинал: “https://dev.to/snickdx/understanding-rendering-in-web-apps-ssr-1h83”