/websocket

web-chat app using Ably Broadcaster+Echo based on laravel.

Primary LanguagePHP

Chat app using Ably Broadcaster+Echo

Demo web-chat app using Ably Broadcaster+Echo based on laravel.

Features

  • Public chat rooms for a guest user.
  • Laravel built-in user authentication (registration + login).
  • Private chat rooms with presence for authenticated users.
  • Typing indicator for private rooms.
  • Join multiple rooms simultaneously.

Requirements

  1. PHP version >= 8.0
  2. Node.js >= 18.x.x.

SETUP

  1. Clone the repository
git clone https://github.com/giauphan/websocket.git websocket
cd websocket
  1. Create the .env file in the project root. Copy contents from .env.example into .env.
  2. Set ABLY_KEY in .env file .
ABLY_KEY=ROOT_API_KEY_COPIED_FROM_ABLY_WEB_DASHBOARD
ABLY_DISABLE_PUBLIC_CHANNELS=false
ABLY_TOKEN_EXPIRY=3600
ABLY_SYNC_SERVER_TIME=false
  1. Install dependencies.
composer install
npm i
  1. Create simple sqlite db file.
 touch database/database.sqlite // On linux
 New-Item database\\database.sqlite -type file // On windows poweshell
  1. Set DB_DATABASE in .env file .
DB_DATABASE=/Path/to/database/db.sqlite
  1. Generate application encryption key.
  php artisan key:generate
  1. Run all of db migrations.
php artisan migrate
  1. Start server.
php artisan serve

npm run dev
  1. Access the web app via http://127.0.0.1:8000.

Screenshots

Public room

room chat example