⼀款强⼤的⽹站聊天系统:whisper搭建教程
简介
whisper是⼀个系统源码,采⽤thinkphp5+Gatewayworker编写,性能强悍。⾃⼰搭建,控制在⾃⼰,也⽆需为您的数据安全担⼼,您可以应⽤在任何的正规的⽹站,只需要添加⼀段简单的js代码,就可以使您的⽹站拥有功能。
截图
功能
⽀持客服分组,多客服服务,让您的服务更有条理。
⽀持客服转接,让会员接受最专业的服务。
智能分配客户流量,让服务更加⾼效。
问候语设置,服务更加亲切。
历史聊天记录查看,⽅便监管和总结。
⽀持数据趋势统计,随时掌握服务情况,做出最优的调整。
安装
环境要求:PHP >= 5.6
1、安装宝塔
#Centos系统
yum install -y wget && wget -O install.sh download.bt/install/install.sh && sh install.sh
#Ubuntu系统
wget -O install.sh download.bt/install/install-ubuntu.sh && sudo bash install.sh
#Debian系统
wget -O install.sh download.bt/install/install-ubuntu.sh && bash install.sh
安装完成后,进⼊⾯板,点击左侧软件管理,然后安装PHP、Mysql、Nginx、phpmyadmin。
2、拉取源码
点击左侧⽹站,添加站点,使⽤命令:
cd www/wwwroot/xx
git clone gitee/nickbai/whisper_tp5.git
#如果移动的时候有mv提⽰,直接Enter即可
mv whisper_tp5/{,.}* ./
chmod 775 ./* ./runtime/temp/*
3、⽹站设置
进⼊到域名设置,点击⽹站⽬录,去除跨站攻击的√,并设置运⾏⽬录为public。
然后点击伪静态设置,填⼊以下代码:
location / {
if (!-e $request_filename) {
rewrite ^(.*)$ /index.php?s=/$1 last;
break;
}
}
4、新建数据库
在线代码运行器点击⾯板左侧数据库,点击phpmyadmin进⼊数据库管理界⾯,新建whisper数据库。再将根⽬录的whisper.sql⽂件导⼊到数据库,然后修改根⽬录application/database.php配置信息。
#修改如下
// 服务器地址
'hostname' => '127.0.0.1',
// 数据库名
'database' => 'whisper',
// ⽤户名
'username' => 'root',
// 密码
'password' => 'root',
// 端⼝
'hostport' => '3306',
5、安装拓展
环境⼀般只要安装两个扩展即可,⼀个是pcntl,⼀个是libevent(event)。pcntl为必须的,libevent为⾮必须的,但是起到⾼性能作⽤的恰恰是libevent(event)。如果你您的并发并不是很⾼,咨询量也不是很⼤,您可以不安装这个扩展,Gatewayworker会采⽤系统的select同样性能可观。
查看已安装的PHP拓展:
php -m
这时候发现必需的pcntl拓展已被安装,接下来就安装另外⼀个拓展了(⼀般情况下可以不⽤安装),即PHP5.x安装libevent扩展,PHP7.x安装event拓展。
PHP7.x安装event拓展,博主以PHP7.0测试环境,如果你是7.1将下⾯⽬录70改成71即可:
#event包下载地址pecl.php/package/event,这⾥以最新版2.4.1为准
cd /www/server/php
wget pecl.php/get/event-2.
tar -zxvf event-2. && cd event-2.4.1
/www/server/php/70/bin/phpize
./configure --with-php-config=/www/server/php/70/bin/php-config --with-event-libevent-dir=/www/server/php/event-2.4.1/
make && make install
echo "extension=event.so" >> /www/server/php/70/etc/php.ini
PHP5.x安装libevent扩展,这⾥以PHP5.6测试环境,使⽤命令:
cd /www/server/php
wget github/libevent/libevent/releases/download/release-2.1.8-stable/libevent-2.1.
tar -zxvf libevent-2.1. && cd libevent-2.1.8-stable
/www/server/php/56/bin/phpize
./configure --with-php-config=/usr/local/php/bin/php-config --with-libevent=/www/server/php/libevent-2.1.8-stable/
make && make install
echo "extension=libevent.so" >> /www/server/php/56/etc/php.ini
其实要求不⾼的,这步可以省略。
6、启动程序
这时候需要先下载服务端⽂件,下载地址:,然后解压上传到⽹站根⽬录vendor⽬录⾥,再编辑以下⽂件。
#编辑vendor/GatewayWorker/Applications/whisper/Events.php⽂件
#修改数据库名和密码
self::$db = new \Workerman\MySQL\Connection('127.0.0.1', '3306', 'root', 'pass', 'whisper');
然后启动程序:
#进⼊服务端⽂件夹
cd /www/wwwroot/xx/vendor/GatewayWorker
#后台运⾏
php start.php start -d
然后再到宝塔的安全⾥开启8282端⼝。
然后再配置application/config.php,进⾏如下修改:
'socket' => '192.168.1.104:8282',
ip填写你服务器的ip。
搭建成功后程序系统为xx,后台后xx/admin,管理员⽤户名密码均为admin,客服的⼯作台xx/service。接下来我们进⼊程序系统⾸页,点击右下⾓的客服按钮,如果出现以下提⽰,则为安装成功,不然请检查你的步骤。最后我们就将集成到⾃⼰⽹站。
⽹站使⽤
1、⾸先在您的⽹站上引⼊两段js
<script src="xxx/static/customer/js/layer/layer.js"></script>
<script src="xxx/static/customer/js/whisper-tool.js"></script>
对应的地⽅,换成你刚才部署whisper事时采⽤的域名。其实你也可以放本地,只要这个资源能访问到即可。
2、配置参数
var ws = new whisper();
$(dom).click(function(){
var group = $(this).attr('data-group');
ws.init({
id: uid,
url: '/index/index/chat',
name: uname,
avatar: uavatar,
group: group
});
});
3、参数解释
1)dom是什么?
这⾥的dom就是您的客服咨询悬浮框,以whisper官⽹的为例⼦:
即这两部分的dom的id,#cs-pre-sales和#cs-after-sales:
<div id="cs-groups">
<div class="cs-groups__item" id="cs-pre-sales" data-group="1">
<span class="widget__icon"></span>售前客服
</div>
<div class="widget__divider"></div>
<div class="cs-groups__item" id="cs-after-sales" data-group="2">
<span class="widget__icon"></span>售后客服
</div>
</div>
其实就是这两个地⽅的点击事件,此处在这个dom的地⽅,放置⼀个data-group来设置 这些客服分组的信息。这个id需要与管理端设置的 异⼀⼀对应,否则该分组的客服⽆法正常的⼯作。例如whisper站点上,这个点击事件这么配置的:
$("#cs-pre-sales,#cs-after-sales").click(function(){
// 其他业务代码
})
2)init中的参数是什么意思?
{
id: uid,
name: uname,
avatar: uavatar,
whisper_domain: '',
group: group
}
对应的信息为:
id 当前登录户⽤户的唯⼀id
name 当前登录⽤户的昵称
avatar 当前登录⽤户的头像
whisper_domain 您搭建whisper系统的域名
group ⽤户咨询的客服分组
好了,到此为⽌,您的whisper系统算是搭建 和整合完毕了。你可以为你的访客提供咨询服务了。
总结
该程序免费版本只更新到了v1.0.1,对于⼤部分⽹站来说,免费版功能已经够⽤了。如果想拿来进⾏商⽤,需要机器⼈等功能的话,就要联系作者购买授权了。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论