Как реализуется backend и frontend в роли единого приложения?

Question

[Сергей Рыбаков]

До этого писал на PHP + JS но держать 2 разных сервера для обработки PHP и JS сторон да и в принципе писать на двух разных языках не вызывает особой радости. Особенно после пробы QuasarCLI.

Если у кого-нибудь есть методички или ещё лучше видео-курсы по созданию fullstack SPA приложения на NodeJS с использованием Vue и MySQL - буду очень признателен.

На данный момент нашел фреймворк Nuxt ( nuxtjs.org ) но там не дается пример API из их демонстрационного mvc ( https://todomvc.nuxtjs.org ), но, то ли я слеп, то ли там действительно отсутствует пример данного API.

Больше всего меня смущает безопасность данных MySQL. Уже сколько дней мучую свою голову тем, как, например скрыть данные сервера. ( ни скриншоте

spoiler

), ведь там видны файлы и папки до их рендеринга, и это на общедоступном-то хосте, не локальный сервер. Исходник просто так всем светится.

Адепты NodeJS/VueJS помогите качественной документацией и исходниками простых приложений.

Answer 1

[Алексей Петров]

До этого писал на PHP + JS но держать 2 разных сервера для обработки PHP и JS сторон

тут я что-то не понял о чем вы...

fullstack SPA приложения на NodeJS с использованием Vue и MySQL - буду очень признателен.

фуллстек SPA ... вы имеете ввиду обращения к БД и обработка пользовательских данных на клиенте? Если так, то вы совсем что-то "голову свою замучали" ))

Начните поэтапно, освойте основы Node.JS + Express. Поработайте с данными, запросами в БД, выводом данных из БД и так далее.
Освойте шаблонизатор и только потом начинайте изучать Vue.JS.
Как поймете основные методы работы с Vue.JS, то реализуете API на Node.JS.

Документация по данным технологиям отличная.

Может быть Node.JS вам показался фронтендом? но это совсем не так, но с помощью node.js + npm можно собрать фронтенд.

Может и я вас где-то не понял, пока прочитал у самого "голова замучась"

Comments

[Сергей Рыбаков]

Да, намудрил с описанием проблемы. Сейчас у меня в качестве frontend приложение на Quasar. Все данные данное приложение получает через AJAX запросами к RESTFull API написанным на PHP.

Но держать на сервере NodeJS и NGinx становится довольно неудобно, хотя бы по той причине, что приходится проксировать запросы с NGinx на NodeJS. С Express уже работал - получал данные из бд, делал запросы на другие сервера. Там проблем особых нет.

Но как только пытаюсь использовать какой - либо frontend фреймворк начинаются проблемы с backend, а именно - любые части приложения становятся видны всем.

[Alexander]

Сергей Рыбаков: что за любые части приложения становятся видны всем? Если дело в каких-то логинах/паролях/токенах, то их понятное дело нужно спрятать на серверной части и обращаться к какому-то апи приложения, которое уже делает запросы с сервера. Если вы имеете в виду как раз эти запросы, едва ли это можно скрыть, все легко палится в dev tools.