@nodejs_ru - страница 1002 - Telegram web archive

Bogdan

А клиент за отображение

Андрей

А клиент за отображение

Как отобразить если нет шаблонизатора

Bogdan

Та и вообще, не есть хорошо напрямую полученный с сервера html инжектить на страницу

Андрей

Как вообще получить эьти данные

Bogdan

ангулар используй или реакт

Ilia

Да, через допустим vue

https://ssr.vuejs.org/ru/

Sarayx

res.json

Андрей

https://ssr.vuejs.org/ru/

Не совсем то

Bogdan

или vue. Делай http запрос на сервер, сервер возвращает данные, а ты у себя на vue рендеришь

Андрей

res.json

Так я отправлю, а как получить на клиенте?

Mnwa

Если у тебя есть mvc на клиенте, то используй для взаимодействия с сервером api

Sarayx

fetch'ем или чем-то подобным

Bogdan

https://github.com/pagekit/vue-resource вот либа для vue

Андрей

или vue. Делай http запрос на сервер, сервер возвращает данные, а ты у себя на vue рендеришь

Вот чтобы отрендерить надо сначала получить, а я получить не могу

Bogdan

ну так делай rest api сервер, а не сервер шаблонизатор

Mnwa

Ну так получи через api, на клиенте делаешь запрос на сервер, получаешь данные и отрисовываешь

Sarayx

Кстати, я не знаю, есть vue для ноды для изоморфных приложений?

Sarayx

Интересно просто.

Bogdan

он, наверное, не понимает как разделить приложение на бэк и фронт части :)

Андрей

он, наверное, не понимает как разделить приложение на бэк и фронт части :)

Отчасти да

Bogdan

https://habrahabr.ru/post/181988/ хорошая статья как построить rest api

Bogdan

https://habrahabr.ru/post/193458

Bogdan

https://habrahabr.ru/company/ruvds/blog/321104/

Bogdan

Хорошие статьи, помогут

Mnwa

Так же можешь использовать северные шаблонизаторы, они так же решают твою проблему

Bogdan

Ему нужен будет фронт, который будет инжектить в разметку код, что сервер вернет а он как раз этого и не понимает процесса

Андрей

Так. Из того что увидел понял что данные обычно отправляют res.send(data: data);

Андрей

Но при этом не могу понять как происходит рендер необходимой странице

Андрей

Наверно непонятно написал

Sarayx

Тебе на стороне сервера нужно рендерить или на клиенте? Если на клиенте то отправляешь data как json res.json(data). Принимаешь на клиенте эти данные (fetch или ещё какой другой похожий способ) и шаблонизируешь где тебе нужно. Если на сервере рендерить то отправляешь данные в шаблон и в ответ отправляешь отрендеренную страницу res.render(index, {data: data}).

Андрей

Нашёл пример с реактом, который выглядит как я изначально хотел

Андрей

Поулчается я рендер страницы делаю на стороне сервера

Bogdan

ну вот, я был прав)

Sarayx

Это наверное изоморфрное приложение на реакте, это приложение с серверным рендерингом.

Андрей

Это наверное изоморфрное приложение на реакте, это приложение с серверным рендерингом.

Именно

Андрей

Это наверное изоморфрное приложение на реакте, это приложение с серверным рендерингом.

Только не знаю что это

Sarayx

Ну если не знаешь , зачем использовать? Попробуй более стандартные примеры, а когда поймёшь что тебе это нужно, тогда и изучай.

Андрей

Ну если не знаешь , зачем использовать? Попробуй более стандартные примеры, а когда поймёшь что тебе это нужно, тогда и изучай.

"Более стандартные примеры"? Например какие?

Sarayx

У тебя есть API какое-то на сервере и ты принимаешь с него данные на клиент, а на клиенте используешь какой либо из фреймворков.

Андрей

У тебя есть API какое-то на сервере и ты принимаешь с него данные на клиент, а на клиенте используешь какой либо из фреймворков.

Вначале и пытался узнать, как засунуть эти данные в какой-либо фрейморк

Андрей

То что я вижу сейчас на мой взгяд чутка говно

Sarayx

Врятле это так должно выглядить, приложение билдиться (собирается) в отдельном файле.

Андрей

Вот и я думаю что так не должно быть, но понять как надо правильно не могу

Sergey

Например?

Ну асинхронно перебрать список

Sarayx

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

Андрей

Если делать средствами ejs то иначе как на скрине сделать нельзя

Андрей

И не думаю что в доках vue будет инфа как вытянуть данные с html файла

Mnwa

А зачем их вытягивать, ты через js на клиенте отправляешь запрос на сервер и пихаешь ответ в переменную, которая потом отрисуется с помощью vue

Андрей

А зачем их вытягивать, ты через js на клиенте отправляешь запрос на сервер и пихаешь ответ в переменную, которая потом отрисуется с помощью vue

Вот тут я не понимаю одной маленькой детали. Как отправить запрос с клиента?

Андрей

Не могу пока объяснить что я имею ввиду((((

Sarayx

fetch'ем или чем-то подобным

Sarayx

https://github.com/pagekit/vue-resource вот либа для vue

Андрей

Наверно не совсем это не понимаю. Приведу пример. Чтобы сделать post запрос, мне на странице, надо нажать на кнопочку, которая вызовет ajax функцию, в которой я получу данные и тд тп. А как сделать запрос со страницы, которая должна отрендериться только после запроса?

Андрей

И конечно я дико извиняюсь если это очень тупой вопрос

Sarayx

Делаешь компонент какой-нибудь с кнопочкой которая будет отправлять ajax и вставлять куда-то, вызываешь функцию после нажатия.

Андрей

Делаешь компонент какой-нибудь с кнопочкой которая будет отправлять ajax и вставлять куда-то, вызываешь функцию после нажатия.

Нет, не то, не так(

Андрей

Как мне отрендерить нужную страницу, после гет запроса для рендера страницы, который надо отправить со страницы, которую нужно отрендерить?

Mnwa

Сложно как-то ты делаешь

Mnwa