Welcome to AddChat Laravel Pro documentation.
- Read the docs live AddChat Laravel Pro Docs
AddChat is a new chatting friend of Laravel. It's a standalone Chat widget that uses the website's existing users base, and let website users chat with each other.
You get full source-code, hence AddChat lives and runs on your server/hosting including database. And therefore, you get complete privacy over your data. Either you're a big corporate sector or a small business. AddChat is for everyone.
AddChat Laravel Pro Version comes with Commercial license. Pro version is fully loaded with a lot of useful and exciting features.
- Live (addchat-laravel-pro.classiebit.com) - Visit pro version live.
- Purchase (classiebit.com/addchat-laravel-pro) - Purchase pro version here.
AddChat can be installed via composer. Awesome... ✌️. Now, as of v1.1.0 release. You as a developer can customize the AddChat VueJS code as well.
- Laravel version 5.5 / 5.6 / 5.7 / 5.8 / 6.x
- Make sure to install the AddChat package on a Fresh or Existing Laravel application.
- We also assume that you've set up the database.
- If you're running MySql version older than < 5.7 then disable strict mode in your Laravel app.
- Go to
config/database.phpand update'strict' => falseinmysqlsection.
- If installing AddChat on an existing Laravel application and you already have Auth system then skip this step
If installing on a Fresh Laravel application then run
For Laravel 5.5 to 5.8
php artisan make:auth
php artisan migrateFor Laravel 6.x
composer require laravel/ui --dev
php artisan ui vue --auth
npm install && npm run dev
php artisan migrate- Unzip the
addchat-laravel-pro.zipfile, copy theaddchat-laravel-profolder and place it in your Laravel application root directory.
The folder name must be addchat-laravel-pro in your Laravel website directory.
- Open your Laravel application
composer.jsonfile and paste the below code in the end (right before last curly}bracket)
"repositories": [{
"type": "path",
"url": "addchat-laravel-pro/"
}](once you complete, the composer.json file will look something like this)
{
.
.
.
.
.
"repositories": [{
"type": "path",
"url": "addchat-laravel-pro/"
}]
}
- Install AddChat Laravel Pro via Composer
composer require classiebit/addchat-laravel-pro- Run AddChat install command
php artisan addchat:install- While installation, it will ask you for the license code. Enter the license code to complete the installation process.
Remember, one license code is valid for one domain only. Contact support for more details.
- Open the common layout file, mostly the common layout file is the file that contains the HTML & BODY tags.
- Copy AddChat CSS code and paste it right before closing </head> tag
<!-- 1. Addchat css -->
<link href="<?= asset('addchat/css/addchat.min.css') ?>" rel="stylesheet">- Copy AddChat Widget code and paste it right after opening <body> tag
<!-- 2. AddChat widget -->
<div id="addchat_app"
data-baseurl="<?= url('') ?>"
data-csrfname="<?= 'X-CSRF-Token' ?>"
data-csrftoken="<?= csrf_token() ?>"
></div>- Copy AddChat JS code and paste it right before closing </body> tag
<!-- 3. AddChat JS -->
<script src="<?= asset('addchat/js/addchat.min.js') ?>"></script><head>
<!-- **** your site other content **** -->
<!-- 1. Addchat css -->
<link href="<?= asset('assets/addchat/css/addchat.min.css') ?>" rel="stylesheet">
</head>
<body>
<!-- 2. AddChat widget -->
<div id="addchat_app"
data-baseurl="<?= url('') ?>"
data-csrfname="<?= 'X-CSRF-Token' ?>"
data-csrftoken="<?= csrf_token() ?>"
></div>
<!-- **** your site other content **** -->
<!-- 3. AddChat JS -->
<script src="<?= asset('addchat/js/addchat.min.js') ?>"></script>
</body>For Info, the php artisan addchat:install publishes AddChat assets to your application public directory
This is an advanced installation method. This method will help you customizing the AddChat VueJS code. We recommend this method only if-
- You're a developer.
- If you're already using VueJS into your website.
- If installing AddChat on an existing Laravel application and you already have Auth system then skip this step.
If installing on a Fresh Laravel application then run
For Laravel 5.5 to 5.8
php artisan make:auth
php artisan migrateFor Laravel 6.x
composer require laravel/ui --dev
php artisan ui vue --auth
npm install && npm run dev
php artisan migrate- Unzip the
addchat-laravel-pro.zipfile. Copyaddchat-laravel-pro&addchat-vuejs-proand paste them into Laravel website root directory.
The folder name must be same as addchat-laravel-pro and addchat-vuejs-pro.
- Open your Laravel application
composer.jsonfile and paste the below code in the end (right before last curly}bracket)
"repositories": [{
"type": "path",
"url": "addchat-laravel-pro/"
}](once you complete, the composer.json file will look something like this)
{
.
.
.
.
.
"repositories": [{
"type": "path",
"url": "addchat-laravel-pro/"
}]
}
- Install AddChat Laravel Pro via Composer
composer require classiebit/addchat-laravel-pro- (NEW STEP) Install AddChat VueJS Pro via NPM
npm install addchat-vuejs-pro- Run AddChat install command
php artisan addchat:install- While installation, it will ask you for the license code. Enter the license code to complete the installation process.
Remember, one license code is valid for one domain only. Contact support for more details.
- Now, you need to import the AddChat VueJS plugin into your VueJS app.
- Go to your website
resources/js/app.jsand import the AddChat VueJS plugin.
import AddchatVuejsPro from 'addchat-vuejs-pro';
Vue.use(AddchatVuejsPro);- Then run
npm run dev- In the last step, you only need to include
addchat.min.cssand VueJS widget code.
- Copy AddChat CSS code and paste it right before closing </head> tag
<!-- 1. Addchat css -->
<link href="<?= asset('addchat/css/addchat.min.css') ?>" rel="stylesheet">- Copy AddChat Widget code and paste it right after opening <body> tag
<!-- 2. AddChat widget -->
<div id="addchat_app"
data-baseurl="<?= url('') ?>"
data-csrfname="'X-CSRF-Token'"
data-csrftoken="<?= csrf_token() ?>"
></div>- At this point, we assume that you've already included
app.js.
<script src="<?= asset('js/app.js') ?>"></script>Please replace PHP tag by curly brackets.
Setup finishes here, now heads-up straight to Configurations docs