[tutorial] Tencent lightweight cloud builds an online customer service chat system

Preface

This time we'll continue to work , Building a whisper Online customer service system

System introduction

whisper Is an online customer service system source code , use thinkphp5+Gatewayworker To write , Strong performance . Build yourself , Control yourself , And don't worry about your data security , You can apply it to any regular website , Just add a simple paragraph js Code , You can make your website have online customer service function .

Official website ：http://whisper.baiyf.com/

• Support customer service grouping , More customer service , Make your service more organized .
• Support customer service transfer , Let members receive the most professional services .
• Intelligently allocate customer traffic , Make the service more efficient .
• Greeting settings , The service was more friendly .
• View historical chat records , Facilitate supervision and summary .
• Support data trend statistics , Keep abreast of the service situation , Make the best adjustment .

Ready to build

so , I choose Tencent cloud Hong Kong, China , If there is a request to choose another region , If the demand is not large, install 1h2g Just go   Point me into the

Cost effective

But the most tempting thing is this ！ Campus server

Buy one for three years 150, Beauty is not true ？

install

We choose the pagoda version when we buy it

Then install PHP、Mysql、Nginx、phpmyadmin These plug-ins

2、 Pull source code Click on the website on the left , Add site

cd www/wwwroot/xx.com git clone https://gitee.com/nickbai/whisper_tp5.git 
# If there is mv Tips , direct Enter that will do  
mv whisper_tp5/{,.}* ./ chmod 775 ./* ./runtime/temp/*

3、 Website setup

Go to domain name settings , Click on the website directory , Remove cross site attacks √, And set the running directory to public, Like a picture bed

Then add the pseudo static

location / { if (!-e $request_filename) {    rewrite  ^(.*)$  /index.php?s=/$1 last; break;     }  }

4、 New database Click the database on the left side of the panel , Click on phpmyadmin Enter the database management interface , newly build whisper database . And then the root directory whisper.sql File import to database , Then modify the root directory application/database.php Configuration information , Don't ask why , Hey, hey, I don't know .

# Revised as follows  //  Server address  'hostname' => '127.0.0.1', //  Database name  'database' => 'whisper', //  user name  'username' => 'root', //  password  'password' => 'root', //  port  'hostport' => '3306',

5、 Installation expansion Environment go php Add pcntl This expansion

6、 Start the program At this time, you need to download the server file first , Download address ：whisper_server.zip, Then unzip and upload to the root directory of the website vendor Directory , Edit the following file again .

# edit vendor/GatewayWorker/Applications/whisper/Events.php file  # Change the database name and password  self::$db = new \Workerman\MySQL\Connection('127.0.0.1', '3306', 'root', 'pass', 'whisper');

And then start the program ：

# Enter the server folder  cd /www/wwwroot/xx.com/vendor/GatewayWorker # Background operation  php start.php start -d

Then open it in the safety of the pagoda 8282 port .

Then configure application/config.php, Make the following changes ：

'socket' => '192.168.1.104:8282',

ip Fill in our server's ip.

After successful construction, the program system is xx.com, Backstage xx.com/admin, The administrator user name and password are admin, Customer service workbench xx.com/service.

Next, we go to the homepage of the program system , Click the customer service button in the lower right corner , If the following prompt appears , The installation is successful , Otherwise, please check your steps .

Finally, we will integrate online customer service into our own website .

Site use

Introduce two paragraphs on the website js that will do

<script src="http://xxx.com/static/customer/js/layer/layer.js"></script> 
<script src="http://xxx.com/static/customer/js/whisper-tool.js"></script>

Corresponding place , Instead, we just deployed whisper The domain name used in the event . In fact, you can also put it locally , As long as this resource can be accessed .