文章
文章

多终端在线客服系统源码搭建

客服系统是一款基于Swoole4+Tp6+Redis+Vue+Mysql开发的独立高性能客服系统，支持微信网页、H5端、PC端客服接入，商家端有PC端管理、H5端、App端接待，支持对用户进行添加标签、分组管理，系统代码全部开源，可轻松二开使用。

多终端在线客服系统源码搭建

 

多终端在线客服系统源码搭建

多终端在线客服系统源码搭建

多终端在线客服系统源码搭建

 

系统简介

 
 

传统桥梁
但是目前很多企业都做了各种渠道的宣传，大部分企业都是采用

1、展示企业电话
2、QQ
3、微信
4、企业微信
5、留言系统
6、表单提交

7、第三方客服系统

 
 

TimChat的好处
1、独立部署数据私有；

2、客户管理；
3、一套系统解决覆盖全网客户咨询；

4、提供源代码可以根据自己业务进行定制开发

 
 

应用场景
可以对接其它任何系统例如wap站、PC站点、小程序、APP、公众号等。 客服系统聊天主要分为用户端和客服端 用户端支持：wap站、PC站点、小程序、公众号 客服端：PC端、APP端

 
 

接入方式
对接方式：

1、A链接/生成二维码 方便网址添加咨询客服图片或者文字直接打开客服进行聊天，这个非常灵活各种站点都可以使用；
 
2、js引入 后台可以获取js代码嵌入网页中，网页就拥有了客服聊天入口，也可以深度对接自己站点的用户数据。
 
3、深度开发接入
 
 

PHP设置

 
 

步骤总结
一、安装PHP插件：fileinfo、redis、swoole4。 二、删除PHP对应版本中的 proc_open禁用函数。

多终端在线客服系统源码搭建

 

步骤详解：
1进入宝塔面板点击 软件商城 ,点击 PHP设置 .这里以PHP7.3为例;

多终端在线客服系统源码搭建


2进入安装扩展,安装:fileinfo、redis、swoole4 扩展插件

多终端在线客服系统源码搭建

多终端在线客服系统源码搭建

多终端在线客服系统源码搭建

多终端在线客服系统源码搭建


3进入 禁用函数 ,找到 proc_open 删除

多终端在线客服系统源码搭建

多终端在线客服系统源码搭建


4进入 服务 ,选择重载配置

多终端在线客服系统源码搭建

多终端在线客服系统源码搭建


5PHP配置完成.进入站点配置

 
 

 

复制以下内容,替换配置文件,并保存(如果更换了端口，就需要改变ip后面携带的端口号)

#PROXY-START/

location ^~ /
{
    proxy_pass http://127.0.0.1:20108;
    proxy_set_header Host 127.0.0.1;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
    proxy_http_version 1.1;
    # proxy_hide_header Upgrade;
    add_header X-Cache $upstream_cache_status;
    #Set Nginx Cache
    proxy_read_timeout 360s;
    proxy_redirect off; 
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $host;
    #Set Nginx Cache
    expires 12h;
    set $static_file9skruxFD 0;
    if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" )
    {
    	set $static_file9skruxFD 1;
    	expires 1m;
        }
    if ( $static_file9skruxFD = 0 )
    {
    add_header Cache-Control no-cache;
    }
}

#PROXY-END/
六. 进入下一步,启动服务

运行服务

 
 

步骤总结
一、切换PHP命令行版本和站点一致。 二、执行启动命令，启动swoole。

 
 

步骤详解

 
 

一. 检测命令行PHP版本,如果不再7.1~7.4之间请按照以下教程切换;
1检测PHP版本,如达到要求直接跳过,直接进入 启动命令
2.修改命令行PHP版本

多终端在线客服系统源码搭建

3.选中使用的PHP版本(这里以PHP7.3为例)

多终端在线客服系统源码搭建

二. 启动命令

1.点击打开项目根目录

2.点开左上角终端

3.执行swoole启动命令

php think swoole restart

启动成功后,则可关闭退出;

三. 运行完成,下一步进入程序一键安装

 

程序安装

 

安装步骤
一、输入域名，执行程序一键安装。 二、安装完成后必须重启swoole 三、恭喜您，安装完成！ 多项目部署：同服务器多项目部署，请务必在点击最下方 多项目部署配置，前些缓存前缀！

 

APP打包和调试

此项目由uniapp框架编写，需要使用Hbuilder X编译器进行运行和发布，支持浏览器调试，支持发行为APP和H5，其他发行方式不支持。需要Hubilder X安装less插件、sass插件、stylus编译。运行时请先安装插件。

百度网盘内APP源码存放位置：view/app 目录下

配置

一、配置APP应用ID

打开编译器点击manifest.json,需要重新获取应用标识。这一步是必须的，其他选项根据自身需求更换名称。

二、配置APP图标

打开编译器点击manifest.json,点击浏览选择一张1024*1024png格式的图片，然后点击自动生成所有图标并替换会自动生成图标

三、APP模块配置

打开编译器点击manifest.json,点击左侧APP模块配置，找到Push(消息推送)并勾选，其他模块暂时不用配置

四、APP权限配置

打开编译器点击manifest.json，需要增加如下权限。点击源码视图，搜索：‘android打包配置’沾粘在permissions对象里面

[
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-permission android:name=\"android.permission.INTERNET\"/>",
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.READ_SMS\"/>",
"<uses-permission android:name=\"android.permission.SEND_SMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SMS\"/>"
]
IOS隐私信息访问描述配置，点击左侧APP权限配置找到IOS隐私信息访问描述，需要配置说明：相册-读、相册-写、摄像头、访问本地网络
 

调试

调试可在浏览器上调试或者真机调试，真机调试需要使用数据线连接Hbuilder X编译器，安卓需要打开 USB调试模式

一、浏览器调试

  1. 点击菜单栏的运行->运行到浏览器->chrome
  1. 运行到浏览器上后，会直接进入登录页面，点击修改域名
  1. 输入自己安装配置的域名和请求协议点击确定，再次进入登录页面，输入账号密码就可以登录使用

打包

一、申请打包证书

二、安卓打包

打开编译器，点击菜单上发发行->原生APP-云打包，输入申请的证书，勾选打正式包、安心打包。点击打包等待服务器打包完成。

三、IOS打包

打开编译器，点击菜单上发发行->原生APP-云打包，输入申请的证书，勾选打正式包、安心打包。点击打包等待服务器打包完成。打包方式和安卓差不多一样

四、上传IOS应用，实际上ios打包和安卓没有太大区别，只要证书申请下来，打包也不是什么问题，至于打包后怎么上传IOS应用，请看以下说明

  1. windows用户可以下载appuploader软件appuploader官网
  2. 使用appuploader软件，点击certifcation弹出登录页面进行登录
  3. 点击IPA，输入apple账号email账号，输入app专用密码，如果没有请查看：apple专用密码说明。点击save保存专用密码。后进入上传APP界面，选择下载好的IPA文件上传

五、IOS应用发布

  1. 登录APPLE应用管理后台https://appstoreconnect.apple.com/login
  2. 没有APP则新建一个，然后点击刚创建的app进入管理
  3. 需要填写综合项内的APP信息、价格与销售范围、APP隐私。APP隐私需要填写一个隐私政策地址，隐私内容如：https://xxx.xxx.com/chat.html。实际情况下可按照此隐私协议修改为自己的协议
  4. 准备提交版本，需要填写APP预览和截图（iphone6.5和5.5显示屏至少两个）、关键字（根据自身填写）、描述（根据自身填写）、构建版本（这里的构建版本就是在刚才上传的ipa文件会展示到当前界面的TestFlight菜单里面，管理员可下载TestFlight应用进行测试）、App审核信息（利于过审）、版本发布（选择自动发布此版本）。填写好后点击存储，然后再点击提交以供审核。ios的一个版本就等待审核了。

客服端登录成功，用户端还是进入了客服反馈

1检查Socket连接是否成功
2重置后台token后重新复制连接访问用户端。
3检查network接口返回的是否有错误
 

安装后出现：数据获取失败

安装后必须重启swoole
 
php think swoole restart
下载权限
查看
  • ￥
    免费下载
    评论并刷新后下载
    登录后下载
查看演示
  • {{attr.name}}：
您当前的等级为
登录后免费下载登录 小黑屋反思中，不准下载！ 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数（次）用完了，请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次，今日剩余次
声明：本文由凌晨星海发布，本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
在线聊天客服系统
建站百科

WordPress设置网站动态标题

2025-6-2 20:12:22

精选视频

多终端在线客服系统源码搭建

2025-6-8 2:26:22

0 条回复 A文章作者 M管理员
    暂无讨论，说说你的看法吧
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

  • 扫码打开当前页

  • 微信客服

返回顶部