Какими технологиями можно развернуть frontend на другом сервере?

Question

[Денис Всяченков]

Добрый вечер! Подскажите, кто сталкивался с такой задачей. Есть backend на одном сервере. Нужно развернуть frontend на другом сервере с минимальными усилиями. Я вижу это таким образом, в api на сервере "зашиты" элементы шаблона. Скажем человеку предоставляем некоторый скрипт, который он размещает у себя на сервере и соответственно на стороне frontend разворачиваются эти элементы. Сервера разные.

Comments

[Дмитрий Беляев]

Можно пример, что хотите получить в итоге?
Из вопроса не понятно, чего хотите достичь

[Денис Всяченков]

Дмитрий Беляев, например, на сервере с админкой посетитель может создать слайдер. получить он него маленький скрипт и вставить себе на сайт. у него на сайте он должен отобразиться. управление слайдером на сервере с админкой. примеров много, но суть одна.

Answer 1

[Dmitry Alekseev]

Мы делали подобную реализацию. Встраиваемый чат, который раздается с другого сервера. Вариантов много, но мы используем 2:

1. Скрипт который подключается в iframe с сервера, на котором размещен. Для этого нужно разрешить CORS для frontend сервера
2. Собранный js-скрипт, который кидается на frontend и подключается, как обычно, ну и монтируется в некий DOM-элемент.

Comments

[Денис Всяченков]

Вы все верно расписали. Наподобие той же метрики, берем скрипт вставляем и работает сервис на нашей стороне. Можно ли таком способом развернуть целый шаблон, построить всю страницу например?

[Dmitry Alekseev]

Денис Всяченков, Смотря, что понимать под построить всю страницу. Если речь о том, чтобы передать от backend сервера на frontend целиком страницу от до , то это, какой-то SSR уже получается и то, frontend тут будет лишним.

Если речь о том, чтобы отрисовать страницу внутри ... на frontend, то там все просто

[Денис Всяченков]

Dmitry Alekseev, спасибо за ответ. Я начинаю формулировать в голове всю картину) frontend нужен же, хотя бы для СЕО. Допустим, задача такая: есть одностраничник. Нам удаленно нужно поверх построить другой, похожий по структуре. То есть заменить элементы меню, ссылки, слайдер, футер, адрес, структуру пусть оставить в общем. Действие на одностраничнике должно быть не больше, чем вставить скрипт который например мы ему дадим. Ну и необходимо менять эти элементы через backend через js получается (через скрипт который дали). На сервере клиента нужны минимальные действия, идеально если просто даль скрипт, как вот Гугл или Яндекс аналитика типа и все.

[Dmitry Alekseev]

Денис Всяченков, теперь картина уже складывается у меня. Вы хотите имея обобщенный шаблон на frontend модернизировать его структуру с backend, путем вставки некого скрипта на страничку в шаблоне либо через изменения на сервере?

[Денис Всяченков]

Dmitry Alekseev, либо так и если возможно построить шаблон с нуля. как такое реализовывается?

[Dmitry Alekseev]

Денис Всяченков, подобные реализации мне не знакомы. Как правило, есть отдельный backend, который предоставляет API и отдельный frontend, который рисует данные, которые получил с API.

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

[Денис Всяченков]

Dmitry Alekseev, да я думал об этом. Хочу какую то библиотеку написать, в ней будут куски шаблона. Скрипт буду раздавать и по нему будет собираться шаблон. Вопросов сейчас много, первый это реализуемо вообще такое и какие проблемы. Знаю, что с СЕО проблемы будут однозначно. В любом случае спасибо! В диалоге с Вами я сформировал всю картину)

[Dmitry Alekseev]

Денис Всяченков, Ну тут уже нужно отделить приятное от полезного. Использовать динамический контент для CEO конечно нежелательно, но использовать обобщенные библиотеки для реализации, како-то функционала - почему бы и нет.