Автор оригинала: Anthony Gore.
Какой бэкэнд вы планируете использовать для вашего следующего проекта Vue.js?
Часто разработчики выбирают то, с чем они знакомы. Если вы в первую очередь, разработчик Laravel, например, приспосабливаю Laravel, будет сначала на ваш разум при планировании нового проекта.
Это имеет смысл работать с тем, что вы уже знаете и наслаждаетесь. Тем не менее, каждая бэкэнда имеет свои собственные сильные и слабые стороны, и некоторые требования к проекту могут лучше соответствовать еще больше, чем другие.
Ваша лучшая ставка – ознакомиться с тем, что доступно, чтобы вы могли сделать хорошо обоснованный выбор. В этой статье мы рассмотрим пригодность некоторых из самых популярных вариантов Backenc для Vue Apps:
- выражать
- Ласкар
- WordPress.
- Firebase
- Безразличный
- Django
- Рельсы
Примечание: эта статья была первоначально опубликована здесь на блоге разработчиков Vue.js 2018/05/07.
Выбор де-факто для Backend Vue.js – Express.js Microframework для Node.js.
Прежде чем мы рассмотрим экспресс конкретно, давайте сначала рассмотрим преимущества Node.js. Во-первых, узел написан в JavaScript. Это означает, что вы можете поделиться кодом между VUE-клиентом и приложением сервера. Это также означает, что вы можете использовать рендеринг на стороне сервера для создания вашего VUE-приложения на сервере и доставить его клиенту, полностью отображенным. Во-вторых, узел действительно быстрая благодаря безблокирующему ввода-выводом и его отличной способностью обращаться с параллельными запросами.
Express.js, безусловно, самый популярный выбор для узла базы. Разработчики, такие как его минимализм, которые позволяют легко создавать и действительно быстрая и его гибкость, позволяя вам выбрать свою собственную базу данных, ORM, аутентификацию и т. Д. Если вам нужны они.
Если ваша цель состоит в том, чтобы создать веб-приложение, которое в основном о Frontend и требует только относительно простого серверного приложения для доставки представлений и, возможно, базовый API, Express – отличный выбор.
Если вам нравится идея стека JavaScript, но хочу более существенную архитектуру MVC, проверьте Паруса Отказ Еще один хороший вариант для здания API на отдых с узлом – Окрупщик Отказ
дальнейшее чтение
- Pull Stack Web App с использованием Vue.js & Express.js (видео)
- Создайте полные пачки веб-приложений с MEVN Stack
Хорошие Vuues на основе шаблонов для Express
Laravel Является ли рамка MVC для PHP с заявленной целью «сделать разработчики счастливыми». Постоянно доставляя на эту целью, почему Laravel стал самым популярным бэкэндом на GitHub.
Поскольку Laravel Version 5.3, Vue – это Frame javaScript Frontend Diftend Whereend, которая отправляется в установке Laravel. Сообщество Laravel неофициально принято Vue Way, прежде чем оно было круто, хотя до того, как Vue даже достиг версии 1.0! На самом деле, раннее сцепление для Vue было частично результатом похвалы в Twitter от Laravel Creator Taylor Otwell.
Vue и Laravel могут быть написаны на разных языках, но они делятся обычной философией: простота, элегантность и отличный пользовательский опыт. С Larave вы получаете не только мощную объектно-ориентированную структуру MVC с базой данных, аутентификацией и API из коробки, вы также получаете восхитительный опыт разработки благодаря элегантному синтаксису, разумной конфигурации по умолчанию и сообществу, который создает богатство великого Документация и учебники.
Если вы просто строим API и немного, подумайте о Люмен Что является вырубленной версией Larave, предназначенной для создания супер-быстрых микросервисов.
дальнейшее чтение
Хорошие Vue на основе шаблонов для Laravel
Если вы создаете контент-тяжелый сайт, вам, вероятно, понадобится CMS, чтобы обеспечить легкое создание и управление вашим контентом, особенно если не разработчики являются способствуют. Король CMS является WordPress И, поверьте, или нет, он может хорошо состоиться с Vue.js.
Вы можете подумать о WordPress как неуклюжий бегемот с негибкими видами PHP. Но поскольку версии 4.7, WordPress теперь отправляется с API для отдыха, что позволяет доступными типами данных WordPress, такие как сообщения, комментарии и категории, доступные для доступа к клиенту. Эта архитектура, известная как «безголовый CMS», позволяет использовать мощную BASDEND CMS, пока не обеспечивая современный пользовательский опыт работы с фреймой Frontend, как Vue.
Если вам нужен доступ к большему количеству функций Core WordPress, чем API может предоставить, вы можете вместо этого добавить vue к теме WordPress. Проверьте http://vuewordpress.com/ . Который убран на тему на основе одностраничного приложения Vue.js!
Для еще более сложных типов контента рассмотрим безголовочное приложение CMS, используя Drupal Rest API Отказ Или, если вы строите сайт на основе контента, но не нужен CMS, рассмотрим Vuepress Недавно выпущенная Vue-Powered Static Heginator из Evan You.
дальнейшее чтение
- Vuejs WordPress Theme Starter – Начало работы (Видео)
- Создание темы WordPress с помощью API для отдыха и Vue.js
Хорошие шаблоны на основе Vue для WordPress
FireBase предоставляет облачные данные, доступные из любого настольного или мобильного приложения через простой API. Если ваши данные являются общедоступными, вы можете даже использовать Firebase в качестве сервера без сервера! (Подробнее об этом в следующем разделе).
Если Firebase действительно сияет, однако, в его способности толкать обновления данных для подписанных клиентов в режиме реального времени. Данные в режиме реального времени необходимы для создания приложений для чата, приложений транспорта, торговых приложений и многого другого.
Как вы можете знать, система реактивности Vue позволяет вашему UI мгновенно реагировать на изменения данных JavaScript. Добавление FireBase для обновления данных в режиме реального времени ставит эту функциональность на стероидах: вы можете иметь динамический интерфейс полностью управляемым удаленным источником данных!
Интеграция услуг FireBase с вашим приложением Vue.js 2 мертва простым с Vuefire библиотека. Это свяжет упоминание FireBase для свойств в ваших экземплярах Vue. Это также может быть сделано с Vuex через Vuexfire библиотека.
Если вам не нужна база данных, еще один отличный вариант данных в режиме реального времени – Толкатель Отказ Проверьте Ultimate Vue.js 2 Разработчики Курс Для примера толкательной интеграции с Vue для хранения корзины Sync на нескольких вкладках.
дальнейшее чтение
- Vue.js 2 + firebase
- Vuefire – Firebase встречает Vue.js (Эван тебя)
- Vue.js + база данных Firebase Realtime – курс в школе Vue
Хорошие Vue на основе шаблонов для Firebase
Что, если я сказал вам, вам вообще не нужен сервер Backeng для вашего приложения Vue? Вместо этого функциональность Backeng может обрабатываться одним или несколькими облачными сценариями, которые работают только по мере необходимости.
Эта концепция, известная как «Serverless», означает, что вам не нужно платить за бэкэндский сервер, который, для многих приложений, потратит подавляющее большинство времени на холостом ходу, пока он ждет, чтобы пользовательские запросы, затрагиваете вам деньги в течение ничего. Функции без сервеса намного больше ресурсов эффективны и часто будут стоить вам лишь вопрос центов каждый месяц. Затем вы можете доставить свой код интернет-кода из быстрого и дешевого статического хостинга, как S3 , NetLify или Страницы GitHub Отказ
Как и все остальное, Serverless не является серебряной пулью и реально не будет правильным выбором для большинства проектов Vue.js. Serverless не предоставит большого количества оснований, которые вы принимаете как должное на традиционном сервере, и эквивалентные функциональные возможности требуют гораздо большего развития работы для достижения с функциями без сердца.
На каком серверу это здорово, есть, когда у вас есть небольшой номер запроса/ответ/ответов с узко определенными параметрами. Пример использования. К услугам гостей формы обработки, загрузка изображений или передача данных на другую услугу, которая не может быть передана непосредственно из клиентского приложения.
Основные платформы без сервеса включают AWS , Azure и Firebase Отказ
дальнейшее чтение
Если вы научились официально программировать, есть хороший шанс, что вы подвергались мощным языкам Python. Джанго является самым популярным Python на основе MVC Framework для веб-разработки.
Django, который обещает быть «веб-структурой для перфекционистов с сроками», следует принципам из языка Python, который устанавливает его отдельно от других MVC. Например, «явт лучше, чем неявный» принцип, означает, что у него нет «магии» и «он просто работает» аспекты рельсов или ларавелов. Вместо этого Django Code легко рассуждать без доменного знания структуры.
Django – это аккумуляторы, включенные и поставляются с базой данных, ORM, библиотеками аутентификации и шаблонным двигателем как часть его ядра. Это делает его отличным инструментом для создания мощных и надежных приложений для полного стекла, которые хорошо сочетаются с клиентом Vue.js.
Если вы используете Python, но просто нужно API для Vue, чтобы потреблять, обязательно рассмотрим Django Rest Framework Какой гибкий инструментарий для строительства веб-API.
дальнейшее чтение
- Построить приложение с Django и Vuejs
- Создание приложения CRUD с Django Read Framework и Vue.js
- Диаграмма интеграции Django Vue.js
Хорошие шаблоны для Vue на Django
Rails – это каркас в стиле MVC для языка программирования RUBY, который был влиятельным на большинстве брендов, которые мы охватываем в этой статье. Он пионул подход «Конвенция по поводу конфигурации» к каркасам серверов, который позволяет легко начать и приводит к чистому и легко читающему коду. Рельсы держат много основных веб-приложений сегодня, как BaseCamp, GitHub и Shopify.
По словам документации, рельсы «не минималистичные рамки, это мегаполис». Это означает, что он включает в себя каждую мыслимую вещь, которую вы можете захотеть в Vue Backend, от ORM на отправку электронной почты на веб-сокеты. Даже WebPack может быть запущен из рельсов благодаря GEM WebPacker GEM, позволяя вам иметь полную среду разработки на основе рельсов для Vue.
Если вы начните с Rails и Vue, обязательно проверьте Vuejs Gem Отказ
Одна из самых инновационных функций Rails, Turbolinks, ускоряет навигацию между страницами, перехватывающие ссылку, которые будут перемещаться к странице в приложении, и вместо этого делает запрос через AJAX, заменяя тело документа с полученным контентом.
Эта функциональность в основном обрабатывается в Vue Apps Vue Router. Однако, если Vue необходимо только для простых манипуляций DOM в приложении Rails, то есть не для одностраничного приложения, вы можете использовать Turbolinks через Vue-Turbolinks Mixin Отказ
дальнейшее чтение
- Vuejs как интерфейс для рельсов Отказ
- Rails 5 & Vue.js: Как перестать беспокоиться и любить передний
- Rails 5.1 API с Vue.js Frontend
Хорошие Vue на основе шаблонов для рельсов
- Rails 5.1 + WebPack + Vue.js + Vuex Demo App
- Todoist Clone, написанный на Rails + Vue (Не шаблон, а хороший пример Vue & Rails)
Стать старшим Vue Developer в 2020 году.
Учитесь и осваивайте, какие профессионалы знают о строительстве, тестировании и развертывании, полностью стековых Vue Apps в нашем последнем курсе.
Учить больше