https://github.com/petronetto/laravel-realtime-chat

Laravel 5.4 Realtime Chat + Pusher
https://github.com/petronetto/laravel-realtime-chat

chat echo laravel laravel54 puser realtime realtime-messaging vue

Last synced: 3 days ago
JSON representation

Laravel 5.4 Realtime Chat + Pusher

• Host: GitHub
• URL: https://github.com/petronetto/laravel-realtime-chat
• Owner: petronetto
• License: mit
• Created: 2017-04-14T04:36:33.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-17T11:12:27.000Z (over 1 year ago)
• Last Synced: 2024-04-14T20:06:56.806Z (6 months ago)
• Topics: chat, echo, laravel, laravel54, puser, realtime, realtime-messaging, vue
• Language: JavaScript
• Homepage:
• Size: 812 KB
• Stars: 6
• Watchers: 3
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Laravel 5.4 Realtime Chat + Pusher

This app was based on this tutorial: https://blog.pusher.com/how-to-build-a-laravel-chat-app-with-pusher/

### Running

- Create a free account in [Pusher](https://pusher.com/signup)

- Create an app in Pusher and get the keys

- In your `.env` setup the Pusher keys:

```

BROADCAST_DRIVER=pusher

PUSHER_APP_ID=YOUR_APP_ID

PUSHER_APP_KEY=YOUR_APP_KEY

PUSHER_APP_SECRET=YOUR_APP_SECRET

PUSHER_CLUSTER=YOUR_PUSHER_CLUSTER

```

- In `resources/assets/js/bootstrap.js` line 47, replace the `PUSHER_APP_KEY` and `PUSHER_CLUSTER` to your to your respective Pusher values.

- Now, follow this steps:

```bash

# Install Laravel dependencies

composer install

# Install Node dependencies

npm install

# Configure your database and run the migrations

php artisan migrate

# Compile the JavaScript files using Laravel Mix

npm run dev

# Start the chat app

php artisan serve

```

Enjoy :)

License: [BSD 3-Clause](LICENSE)