Смешивание WordPress сайта электронной коммерции с внешним входом на основе Vue Frontend Best Practices - PullRequest
0 голосов
/ 25 мая 2018

Я новичок в веб-разработке и хотел бы получить совет о том, как обычно поступать наилучшим образом, чтобы достичь того, что я пытаюсь сделать.

Я отвечаю за написание приложения с использованием Vue.Для этого веб-интерфейса потребуется войти в систему для доступа к приложению.Приложение будет размещено на Amazon.

Однако мы также хотим создать сайт электронной коммерции в Wordpress или аналогичный, расположенный в корне сайта (например, www.mywebsite.com), с помощью приложения, доступного черезкнопка «войти».Если пользователь нажимает кнопку входа, мы хотим, чтобы расположение строки адреса не изменялось с веб-сайта, на котором он находится (www.mywebsite.com), даже если сайт Wordpress и внешний интерфейс Vue могут храниться в разных местах / доменах.

Если сайт создан в Wordpress, мы можем попросить другого разработчика сделать эту веб-страницу для нас, пока я работаю над внешним интерфейсом.Однако мы хотим, чтобы взаимодействие с подключением к корневому сайту WordPress, щелчком по кнопке входа и переходом на веб-интерфейс Vue было относительно простым.

Возможно ли это?Нужно ли размещать оба сайта на одном и том же сервере, чтобы он работал (например, на сервере Amazon EC2, на котором размещены две веб-страницы: WordPress и VUE)?
Или WordPress может поместить ссылку на веб-интерфейс Vue, который не меняет веб-местоположение для пользователя?
Или (в худшем случае) нам нужно сделать обе веб-страницы в Vue как одно приложение Vue, некоторые страницы, требующие входа в систему, а другие нет?

Спасибо за любую помощь.

1 Ответ

0 голосов
/ 25 мая 2018

Итак, чтобы использовать Vue и WordPress вместе, вы можете написать 2 отдельных приложения.Один для внешнего интерфейса и один для внутреннего интерфейса, что совершенно нормально, или вы можете просто написать приложение WordPress с темой Vue.

Вот так это может выглядеть:

Бэкэнд WordPress

Вы можете использовать обычный бэкэнд WordPress, в котором вы можете построить архитектуру, которую хотите.Кроме того, вам нужно настроить REST-API Wordpress.Так что это также означает, просто используйте плагины, которые поддерживают его.В противном случае вам нужно будет написать пользовательские конечные точки.Например, Woocommerce будет хорошим плагином для электронной коммерции, поскольку он поддерживает API.

Подробнее об этом можно узнать здесь: https://v2.wp -api.org /

Конечно, вы можете разместить свою установку WordPress на Amazon.Вот хорошее руководство для этого: https://aws.amazon.com/de/getting-started/tutorials/launch-a-wordpress-website/

Примечание: REST-API доступен в ядре с 4.7.Если вы используете более старую версию, вам нужно установить плагин.

WordPress Frontend

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

Существует действительно хорошая стартовая тема: https://github.com/EvanAgee/vuejs-wordpress-theme-starter

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

Чтобы получить данные из Backend, вы просто должны позвонить на REST-API.Вот пример: https://github.com/EvanAgee/vuejs-wordpress-theme-starter/blob/master/src/api/index.js

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