Как работать в связке Yii2 и angular.js?

Question

[slip31]

Делаю приложение на yii2advanced. все js,css вынесены на поддомен statics.
Туда же вынесен angular.js и модули для него. Получается, что index.php, с которым я работаю,
находится в frontend/modules/ang/views/default/index.php а все контроллеры angular , которые взаимодействуют с index.php в
statics/js/ang/app.js Все работает до момента использования ngRoute илиui-route Делаю

frontend/modules/ang/views/default/partials/part1.html

не подключаются templateUrl - не находят, т.е. все время 404 в хроме. Но не ругается на кроссдоменный запрос. Не переносить же Assets из за этого
на фронтенд. Как правильно работать с этим?

Answer 1

[Александр Зеленин]

вы пишите, что шаблоны ангуляра лежат тут frontend/modules/ang/views/default/partials/part1.html
но по дизайну код приложения вынесен из корня сайта (web), а ангуляр получает шаблоны именно по http

Comments

[slip31]

Не совсем понял

[Александр Зеленин]

@slip31 ангуляр берет шаблоны по http, подгружая из через аякс. Эта папка не доступна по http frontend/modules/ang/views/default/partials/
Доступна только frontend/web

[slip31]

Понял. Я неправильно написал "делаю" в frontend/modules..". Имелось в виду, что я просто туда поместил шаблоны. Я, конечно, пробовал просто templateUrl : 'ang/partials/part1.html' и просто 'partials/part1/html'

[Александр Зеленин]

@slip31 если вы пишите templateUrl : 'ang/partials/part1.html' значит шаблон должен лежать в frontend/web/ang/partials/part1.html
В общем все элементарно и yii2 здесь не причем. Если 404, значит не там лежат файлы, где их ожидает увидеть angular

[slip31]

Да, вы абсолютно правы. Спасибо

[slip31]

Кстати, в этом случае, я смогу использовать php в этих шаблонах?

[slip31]

Хотя с хрена ли

[Александр Зеленин]

@slip31 угу, с хрена ли

Answer 2

[Сергей Протько]

Я думаю вам будет проще организовать просто два проекта. Один на Yii2, где будет просто REST Api и возможн админка, и другой - приложение на angular. Два разных приложения, которые ничего особо не знают друг о друге, их связывает лишь HTTP и REST.

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

Comments

[slip31]

Спасибо, Сергей. Но я позанудствую. Это не single page - это сайт, на котором на angular сделан только личный кабинет. Вход будет на site.ru на котором стоит yii2 с кучей контроллеров и вьюшек, занимающихся "своими" делами. REST делать все равно, конечно, придется для получения инфы из базы, но мне все равно придется решать эту же проблему, как в вопросе. Или я туплю? Т.е. я понимаю, что, если я сделаю какое-то приложение на angular, то с помощью REST я получу все данные с сервера и не важно где он, а у себя оставлю только "вёрстку" и модули ангулар. Но что делать, если у меня уже есть сайт, а я хочу сделать только часть его на angular?

[Сергей Протько]

@slip31 извините, просто angularjs чаще с SPA используют.

Если честно, я бы всеравно делал это как два разных приложения. У меня только админки на ангуларе (тот же SPA по сути) либо целиком все приложение. Да и со структурой Yii2 я пока не знаком.

по поводу кросдоменных запросов могу только сказать, что вам в любом случае либо нужно запихивать все шаблоны в templateCache что бы тот не делал этих запросов, либо делать все реально в пределах одного домена. Либо CORS на уровне web-сервера.

[dimafanasev]

Не тратьте время на решение проблем связанных с кроссдоменностью. Ну только если очень надо. Главная проблема с которой столкнулся я - это отладка многодоменных проектов. Кроме того, большинство модулей и библиотек не расчитаны на многодоменность и их придется допиливать. Вам это надо? Гораздо проще всё решить в рамках одного домена. Вы пишите, что сайт уже есть. Ну и что? Надеюсь вы не на рабочем сайте программируете? Для этого есть локалка, в которой вы можете перелопатить сайт многократно, как вам будет удобнее.

[Сергей Протько]

dimafanasev: поделитесь с общественносью, о каких проблемах с отладкой вы сталкнулись? С какими проблемами? И что значит "библиотеки не поддерживают"? CORS решает все проблемы.