Angular + WordPress Rest Api ресурс для изучения?

Question

[Максим]

Здравствуйте!
Подскажите, пожалуйста, какие есть толковые ресурсы для изучения Angular + WP Rest Api?
Т.к. то что находил, в основном все кусками.
Опыт работы с WP и Angular по отдельности есть, а вот как их толково объединить...

На сколько я понял:

начинается все так :)

1. Разворачивается локальный сервер (использую xampp).
2. Отправляется туда Wordpress
3. Отправляем в папку wp-content/pluging -> rest-api
4. По необходимости в wp-content/pluging ставим -> SQLite Inegration

А дальше ступор...
1. Создается новая тема и туда ставится Angular или наоборот, сначала установить Angular, затем в папку (к примеру) admin распаковать WP
2. Или есть готовая тема для Angular + WP
3. Как это все потом билдить
4. Что именно забрасывать на хост и т.д.

Спасибо!

Comments

[Александр Новиков]

Вопрос напомнил ситуацию https://cs6.pikabu.ru/images/big_size_comm/2015-07... . В чем вообще заключается необходимость именно такой связки?

[Pantene742]

Гугли просто Wordpress Ajax. Насколько я знаю там все очень сложно с ajax.

Ты когда то делал Angular или React приложения ? это Frontend апликуха которая циликом загружаеться в комп и
она делает Get и Post запросы на сервер для получения данных в формате json. Тоесть сервер(В ТВОЕМ СЛУЧАЕ это Wordpress бекенд) посылает в ответе не страницы а просто данные которые Angular приложение уже отображает в браузере хоть как новую страницу или просто вставляет в текущую где то в блок какой нибудь или список.

Ты воопще фронтенд апликуху можешь разместить на сервере где домен а Wordpress Rest Server на другом без домена и получать данные в Angular based APP запущенный в браузере по запросам к нему типа http://194.147.017.145/blog/page-1 уже в JS коде. и вернет он не страницу а данный типа

{
title: ''Заголовок,
content: 'content of page, article or product',
commets: {
vasya: 'Автор ты Молодец',
date: '12.12.12'
}
}

Наконец, знаю что с ajax в Wordpress очень все костильно, делать целую апликуху по ajax запросам на WP крайне бредовая идея

[Pantene742]

Если есть готовая тема, то тебе только их инструкция поможет. Скорее всего обычная установка темы в уже установленный движок.

[Максим]

Александр Новиков, есть api (одностраничный сайт) по продаже билетов написана на Angular.
Теперь на сайт нужно добавить новости (которые будет обновлять какой то модератор), статьи, акции и т.д. -> вот для этого всего думал использовать WP

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

Хотя, как вариант, думал, может использовать, к примеру, Editor от PrimeNg (+ кнопки put/post/delete), гвардом дать доступ только админу...

Или на основном адресе размещать свою api с менюшкой, а на домене нижнего уровня (типа www.mysite/info) разместить тот же WP...

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

на основном адресе размещать свою api с менюшкой, а на домене нижнего уровня (типа www.mysite/info) разместить тот же WP

Да.

[Максим]

Александр Таратин, ок, будет ли тогда возможность, на страницу www.mysite (тот который с angular) дергать, к примеру, последние 3 статьи из www.mysite/info (сам WP)?
+ получается нужно будет делать 2 одинаковых дизайна на www.mysite и на www.mysite/info?

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

Максим, Вот есть у вас рабочее приложение - api отдаваемое отдаваемое сервером, которое кушает ангуляр.
Его не трогаем.
WP ставим отдельно (можно вообще на поддомен вынести, так даже проще будет урлы настроить), желательно создать отдельную базу для него, чтоб наверняка ничего не похерить.
Запросить посты из wp в ангуляр можно через https://developer.wordpress.org/rest-api/ по ajax

[Максим]

Александр Таратин, так получается, что WP можно запихнуть, как Вы говорите на поддомен (типа info.mysite) или же проcто в папку (типа mysite/WP), то в ангуляре роутами делается несколько страниц и на этих страницах, согласно https://developer.wordpress.org/rest-api/ размещаются все статьи, а на главную с фильтром типа
...wp/posts?filter[post_per_page]=3&filter[cat]=1
выведет 3 поста категории №1?
Надеюсь я Вас правильно понял :)

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

Максим, Наверное правильно.