Какой оптимальный вариант интеграции Vue.js и Nuxt с Битрикс?

Question

[Андрей]

Есть сайт, почти закончен, сверстан на Vue.js + Nuxt (есть даже что-то похожее на SPA), его нужно натянуть на Битрикс, чтобы админилось и т.п.
Сайт - корпаративный сайт с каталогом, сложным поиском и т.п.
Открыв то, что собрал Nuxt - я понял "что-то пошло не так". Фронт, который верстал проект - новичок, а я вообще этого зверя не видел в глаза, до сегодняшнего дня. Натягивать на битрикс выхлоп из Nuxt не целесообразно (ИМХО), ведь любой контент должен меняться из админки.
Нужны рекомендации от тех, кто наступал на похожие грабли, работал с такими связками, пути выхода из ситуации.
Есть несколько вариантов:

• проект на Vue.js пересобрать при помощи webpack, ожидается, что я получу статичную верстку и натяну ее, но нужно переписывать код на vue (в некоторых местах фигурирует Nuxt), а это время(
  
• переписать на чистом vue и интегрировать средствами bitrix, у него есть функционал, но, есть свои засады, когда компоненты сделаны на vue - это одно, но когда весь сайт...
  
• взять то, что выдал Nuxt и запрашивать у bitrix json - ы
  
• рассматриваю вариант WP REST API, но его может не одобрить руководство
  
• У битрикса (управление сайтом) как-то костыльно работает REST, на B24 - из коробки, но сам не пробовал
  
• ваш вариант.
  

ЗЫ
laravel не предлагать, до него еще мне нужно дорасти
Nuxt собрал уже готовое приложение, и "прогить запрогеное" и натягивать на CMS - немного извращение

Comments

[Александр Маджугин]

Как-то непонятно. Если это проекта на Nuxt, то разработчик его делавший, предполагал какие-то интерфейсы с сервером?
Ну так и реализуйте их на Bitrix.

Или версталось как обычно по принципу - я тут чо-нибудь наверстаю, а как оно будет работать я не знаю - пусть бэкендщик доделывает?

Тогда возвращайте верстку - она не готова.

В целом логично, что битрикс в данном случае должен выступать голым бэкендом для сайта. Т.е. правильный вариант:

взять то, что выдал Nuxt и запрашивать у bitrix json - ы

Но есть нюансы - готовый проект должен уже это делать.

[Андрей]

Да -

Или версталось как обычно по принципу - я тут чо-нибудь наверстаю, а как оно будет работать я не знаю - пусть бэкендщик доделывает?

Нужно найти выход из сложившейся ситуации, с наименьшими затратами ресурсов. Не хочется фронту отдавать проект и пусть делает "как хочет", мы же команда((
Он не совсем осознанно использовал Nuxt, так делал кто-то и когда-то и у него все получилось, я как-то видел кусок кода этого "получилось" - должен сказать "не очень получилось".

[Владислав Лысков]

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

[profesor08]

Что там такого в nuxt, что нельзя его выкинуть? Достаточно инициализировать стандартным методом инстанс vue и использовать другой роутер. Никаких взаимодействий с бэком еще нет, просто компоненты, роуты и лэйауты.

[Андрей]

profesor08, можно подробнее

[profesor08]

rabamaster, если возникли вопросы, то лучше их перечислить

[Gimir]

Владислав Лысков, а что собственно присылает апи битрикс в ответе запроса, скажем на домашней странице? Что-то типа:

{
    meta: {},
    title: '',
    ...,
    content: []
}

?

[Владислав Лысков]

Gimir, я без понятия, я не работаю с битриксом

[Александр Маджугин]

Gimir, какое API, на какой запрос?
Что вы называете bitrix?

На самом деле ваш вопрос не применим.
Это как спросить "а что WordPress присылает в ответе запроса на домашней странице"?
Или "а что Symphony присылает в ответе запроса на домашней странице"?
В зависимости от того что вы имеете ввиду под Bitrix - 1-С Битрикс Управление сайтом или Bitrix Framework. Но и там и там вопрос лишен смысла.

Answer 1

[Виталий Юшкевич]

Spa и битрикс «из коробки» не дружили никогда и не дружат сейчас (и вряд ли что-то изменится).

Vue компоненты далеко не все могут встать в битрикс в виде вёрстки, надо внимательнее смотреть на сайт.

В целом, я надеюсь, вы уже осознали ваши архитектурные ошибки подхода «сначала делаем, потом думаем», поэтому дам советы по минимизации боли.
- выберите то, в чем вы лучше разбираетесь и что готовы переписать.
- лучший способ - это общаться с nuxt через апи. Но Апи должно иметь нормальную архитектуру версионирование, spa должно уметь ssr и не должно быть проблем с мета тегами. Управление контентом отлично остаётся в админке.
- если со способом выше есть сложности, делайте статичную верстку. Там, где сможете верстку целиком упаковать во vue компонент - делайте. Но проверяйте все сценарии. Иначе - берите простой html и внедряйте.

К сожалению, это путь боли.