前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【教程】腾讯轻量云搭建在线客服聊天系统

【教程】腾讯轻量云搭建在线客服聊天系统

原创
作者头像
勤奋的思远
发布2021-12-26 15:14:27
4.3K0
发布2021-12-26 15:14:27
举报
文章被收录于专栏:勤奋的思远勤奋的思远

前言

这次我们继续来整活,搭建一个whisper在线客服系统

系统简介

whisper是一个在线客服系统源码,采用thinkphp5+Gatewayworker编写,性能强悍。自己搭建,控制在自己,也无需为您的数据安全担心,您可以应用在任何的正规的网站,只需要添加一段简单的js代码,就可以使您的网站拥有在线客服功能。

官方网站:http://whisper.baiyf.com/

  • 支持客服分组,多客服服务,让您的服务更有条理。
  • 支持客服转接,让会员接受最专业的服务。
  • 智能分配客户流量,让服务更加高效。
  • 问候语设置,服务更加亲切。
  • 历史聊天记录查看,方便监管和总结。
  • 支持数据趋势统计,随时掌握服务情况,做出最优的调整。

搭建准备

照样,我选择腾讯云中国香港,如果有要求再选择其他的地区,需求量不大的话装个1h2g就行  点我进入

极具性价比

但是最有诱惑力的就是这个了!校园服务器

买个三年才150,岂不美哉?

安装

我们买的时候应用选择宝塔版

然后安装PHP、Mysql、Nginx、phpmyadmin这几个插件

2、拉取源码 点击左侧网站,添加站点

代码语言:javascript
复制
cd www/wwwroot/xx.com git clone https://gitee.com/nickbai/whisper_tp5.git 
#如果移动的时候有mv提示,直接Enter即可 
mv whisper_tp5/{,.}* ./ chmod 775 ./* ./runtime/temp/*

3、网站设置

进入到域名设置,点击网站目录,去除跨站攻击的√,并设置运行目录为public,跟图床一样

然后加拨伪静态

代码语言:javascript
复制
location / { if (!-e $request_filename) {    rewrite  ^(.*)$  /index.php?s=/$1 last; break;     }  }

4、新建数据库 点击面板左侧数据库,点击phpmyadmin进入数据库管理界面,新建whisper数据库。再将根目录的whisper.sql文件导入到数据库,然后修改根目录application/database.php配置信息,不要问为什么,嘿嘿我也不知道。

代码语言:javascript
复制
#修改如下 // 服务器地址 'hostname' => '127.0.0.1', // 数据库名 'database' => 'whisper', // 用户名 'username' => 'root', // 密码 'password' => 'root', // 端口 'hostport' => '3306',

5、安装拓展 环境去php中添加pcntl这个拓展

6、启动程序 这时候需要先下载服务端文件,下载地址:whisper_server.zip,然后解压上传到网站根目录vendor目录里,再编辑以下文件。

代码语言:javascript
复制
#编辑vendor/GatewayWorker/Applications/whisper/Events.php文件 #修改数据库名和密码 self::$db = new \Workerman\MySQL\Connection('127.0.0.1', '3306', 'root', 'pass', 'whisper');

然后启动程序:

代码语言:javascript
复制
#进入服务端文件夹 cd /www/wwwroot/xx.com/vendor/GatewayWorker #后台运行 php start.php start -d

然后再到宝塔的安全里开启8282端口。

然后再配置application/config.php,进行如下修改:

代码语言:javascript
复制
'socket' => '192.168.1.104:8282',

ip填写我们服务器的ip。

搭建成功后程序系统为xx.com,后台后xx.com/admin,管理员用户名密码均为admin,客服的工作台xx.com/service。

接下来我们进入程序系统首页,点击右下角的客服按钮,如果出现以下提示,则为安装成功,不然请检查你的步骤。

最后我们就将在线客服集成到自己网站。

网站使用

在网站上引入两段js即可

代码语言:javascript
复制
<script src="http://xxx.com/static/customer/js/layer/layer.js"></script> 
<script src="http://xxx.com/static/customer/js/whisper-tool.js"></script>

对应的地方,换成我们刚才部署whisper事时采用的域名。其实你也可以放本地,只要这个资源能访问到即可。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 搭建准备
  • 安装
  • 网站使用
相关产品与服务
轻量应用服务器
轻量应用服务器(TencentCloud Lighthouse)是新一代开箱即用、面向轻量应用场景的云服务器产品,助力中小企业和开发者便捷高效的在云端构建网站、Web应用、小程序/小游戏、游戏服、电商应用、云盘/图床和开发测试环境,相比普通云服务器更加简单易用且更贴近应用,以套餐形式整体售卖云资源并提供高带宽流量包,将热门开源软件打包实现一键构建应用,提供极简上云体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档