create-sites/imvk

IMVK

Install

Enter in your console this command:

composer require create-sites/imvk --dev

Next up, the service provider must be registered:

'providers' => [
    ...
    CreateSites\IMVK\IMVKServiceProvider::class,

];

And publish the config file:

php artisan vendor:publish --provider="CreateSites\IMVK\IMVKServiceProvider"

Register on the pusher.com and add this line on your .env file with your configurations:

PUSHER_APP_ID=your_pusher_id
PUSHER_KEY=your_pusher_key
PUSHER_SECRET=your_pusher_secret
PUSHER_CLUSTER=your_pusher_cluster

Run the console command:

php artisan migrate

Add in your resources/assets/js/app.js new component:

Vue.component('chat-messages', require('./components/ChatMessages.vue'));

and in your resources/assets/js/bootstrap.js import pusher package

import Pusher from 'pusher-js';

and install pusher package:

npm install pusher-js --save

after install pusher run command: if laravel 5.3:

gulp

or if laravel 5.4 or later run:

npm run dev

Usage

View all messages:

<a class="button-notifications item" href="{{ route('messages.all') }}">All messages</a>

and add button send message

<a href="{{ route('messages.show', $user->id) }}" class="btn green">Write message</a>