Build a complete real-time chat app with Laravel and Chatify

Munaf Aqeel Mahdi
2 min readJun 2, 2021

--

Chatify Preview

Hi everyone 😁,

In this article I’m going to show you how to build a complete real-time messaging app with Laravel and Chatify.

But wait! what is Chatify?

Well…

Chatify is “A Laravel package that helps you add a complete real-time messaging system to your new / existing application with only one command.” ..

So, you will get a complete real-time chat app in one minute just by just installing this package. The UI, Backend, configurations.. all is done for you and can be customized & configured to meet your needs.

Chatify demo on YouTube

Let’s get started:

You need a new / existing Laravel application with the authentication system to get started.

Installing the package

If you are a visual learner , watch the video tutorial on YouTube:

Installing Chatify v1.2.x

OR

Follow the steps below:

  1. this package uses Pusher Api, so you need to :
  • Create account and modify .env file of your Laravel app with your Pusher api credentials.
  • This package uses Pusher’s client events, and client events must be enabled for the application. You can do this in the Settings tab for your app within the Channels dashboard. Read more about Pusher 'Triggering client events'

2. require the package into your Laravel application:

$ composer require munafio/chatify

Quick Note: If you are installing this package in a new project, make sure to install the default user authentication system provided with Laravel.

3. Install Chatify using the following artisan command:

$ php artisan chatify:install

This will install & configure everything for you.

4. Migration to database

$ php artisan migrate

Only for applications that runs Laravel <=v5.4 that doesn't support package auto-discovery, add the following provider into config/app.php providers array list :

.../** Package Service Providers...*/\Chatify\ChatifyServiceProvider::class,...

and the following alias into into config/app.php aliases:

.../** Class Aliases*/'Chatify' => Chatify\Facades\ChatifyMessenger::class,...

That’s it .. Enjoy :)

Running Chatify Messenger

After installing the package, you can access the messenger by the default path(routes’ prefix) which is /chatify, and you can change it in the config file config/chatify.php as mentioned in the configurations of the official docs.

Conclusion

Now you have a complete real-time messaging app with its (UI & backend) with just a few steps using Chatify!😃 isn’t it an amazing thing?!

And, you can customize & configure the package to meet your needs, so you have a full control over this package ..

read more about Chatify Laravel Package by visiting its official documentation.

Support this package by giving it a Star on Github, that’s means a lot to keep up improving it to be better for you ❤️

Thanks for your time, thats it for today’s article ❤️

--

--

Written by Munaf Aqeel Mahdi

Senior Software Engineer / UI UX Designer

Responses (1)

Write a response