Приложение для чата в реальном времени (один на один) с Vuejs и Laravel

Этот пост был опубликован первым на DevGrill.

Введение

Это серия из 3 частей, в которых показано, как создать реальное приложение для чата с функцией чата один на один, такой как facebook или twitter, с использованием Laravel и Vuejs, а также демистифицирует сложность внутренней работы. Наша цель — шаг за шагом разбить процесс на меньшие части и, кроме того, расширить взаимосвязь между уровнями приложения и то, как они взаимодействуют друг с другом.

Предпосылки

PHP 7+
NodeJs
Npm или пряжа
Редис
Msql или Psql

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

Laravel-Vuejs-чат в реальном времени.jpg

Определение масштаба вашего проекта перед кодированием, чтобы увидеть полную картину, является отличным первым шагом при создании приложения, это позволяет нам видеть и понимать каждую движущуюся часть и планировать соответственно.

Запуск приложения

Клон репозиторий GitHub и выполните следующие команды на отдельных терминалах.

Ларавель

composer install
php artisan key:generate
php artisan server

VueJs

yarn or npm install
yarn watch or npm run watch

узлы

yarn node:server or npm run node:server

Теперь, когда у нас есть детальное понимание того, что мы строим, давайте перейдем непосредственно к Следующая главагде будут установлены наши приложения Vuejs, и для этого требуются зависимости