当前位置: 首页 > article >正文

宝塔怎么搭建LiveHelperChat?PHP开源在线客服安装教程

LiveHelperChat开源项目

LiveHelperChat,作为一款实时助手聊天软件,致力于解决以下核心问题:提升客户满意度:通过提供实时在线支持。

  • 官网: https://livehelperchat.com ;

  • 在线Demo:https://livehelperchat.com/demo-12c.html ;

  • Github地址:https://github.com/LiveHelperChat/livehelperchat;

  • 最新安装包下载:https://github.com/remdex/livehelperchat/archive/master.zip (大概36MB)。

先来看下,别人家的在线客服效果,

图片

在宝塔安装LiveHelperChat

由于LiveHelperChat是英文的,方便大家少走弯路,整理了中文版的,在宝塔上安装的教程,以及一些报错的处理。

下载

最新安装包下载:
https://github.com/remdex/livehelperchat/archive/master.zip (大概36MB)。下载并解压到服务器。

例如,我的是
/www/wwwroot/project/livehelperchat。

图片

安装PHP 8.2和PHP扩展

首先,安装PHP 8.2,如果你的宝塔有了,可以跳过。

图片

接着,安装所需要的php扩展,

图片

在安装文档参考,
https://doc.livehelperchat.com/docs/install ,你可以找到需要安装哪些PHP扩展。

# 可选,但推荐安装的PHP扩展
php-phpiredis
php-imap
php-pecl-redis4
php-pecl-igbinary
php-geos
php-fpm
php-opcache

# 必须安装的PHP扩展
php-json
php-cli
php-gd
php-xml
php-common
php-pdo
php-pecl-zip
php-mysqlnd
php-mbstring
php
php-bcmath

创建新网站

给你的客服聊天,分配一个二级域名,然后创建一个新网站,同时创建新的数据库(等下要用到)。例如,我这里的是:livechat.yasagle.com,同时进行二级域名解析(这个很简单就不截图了) 。

图片

开始安装(分配写入权限)

访问安装地址,

livechat.yasagle.com/index.php/site_admin/install/install

全部目录权限分配给www和写入权限,全部检查项为绿色,检测通过。下一步。

图片

设置超管账号密码,

图片

成功安装后,登录,

http://livechat.yasagle.com/index.php/site_admin/user/login

图片

后台界面,

http://livechat.yasagle.com/index.php/site_admin/

图片

创建接入代码

创建接入代码,

图片

然后复制这一串代码,放到到你需要接入的官网或你的网站。

图片

接入后,使用和访问效果,收到新消息和回复,都有实时的语音提示。

图片

后台回复,

图片

如果安装很顺利,到此可以结束。

补充官网的:

下载和安装,

https://livehelperchat.com/article/static/5

安装文档参考,

https://doc.livehelperchat.com/docs/install

以下是一些问题的处理方式和踩坑记录。

安装composer报错,

Fatal error: Uncaught Error: Call to undefined function Composer\XdebugHandler\putenv() in phar:///usr/local/bin/composer/vendor/composer/xdebug-handler/src/Process.php on line 97

解决方式,在宝塔,删除禁用函数。

composer安装错误,

The Process class relies on proc_open, which is not available on your PHP i
nstallation.

图片

也是要删除宝塔中的禁用函数,

图片

烦人的跨域报错,提示 【CORS 头 '
Access-Control-Allow-Origin' 不匹配 '*, *'】。

图片

解决跨域问题,最终得参考官方的nginx配置。

https://doc.livehelperchat.com/docs/integrating

图片

这段nginx配置,可以直接复制加到你的nginx,保存就可以了。

    
    # 允许跨域
    location ~* ^/(.+\.(gif|jpe?g?|png|bmp|swf|css|js|svg|otf|eot|ttf|woff|woff2|swf|mp3|ogg|wasm|wav|pdf|ico|txt))$ {
    #alias /var/www/vhosts/yasagle.com/httpdocs/domainfolder/domainchat/livechat$1;
    #internal;
    if ($http_origin ~* "^https?://(xxx.com|www.xxx.com)$") {
        add_header Access-Control-Allow-Origin "$http_origin";
    }
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS, PUT, DELETE';
    add_header Access-Control-Allow-Headers 'Origin, X-Requested-With, Content-Type, Accept, API-Key, Authorization, X-Test';
}


http://www.kler.cn/a/556080.html

相关文章:

  • Lua C API :lua_insert 函数详解
  • WPS携手DeepSeek:开启智能办公新时代
  • Linux基础开发工具的使用(apt、vim、gcc、g++、gdb、make、makefile)
  • 计算机网络面试知识点总结
  • 开源免费文档翻译工具 可支持pdf、word、excel、ppt
  • java练习(36)
  • Qt中使用QPdfWriter类结合QPainter类绘制并输出PDF文件
  • 15增减字符串匹配(贪心)思路解析+源码
  • WPS接入deepseek-OfficeAI助手插件下载
  • 武汉火影数字|VR沉浸式空间制作 VR大空间打造
  • Spring面试题2
  • uniapp引入ucharts组件不显示
  • Flask flash() 消息示例
  • ChatGPT付费创作系统V3.1.3独立版 WEB端+H5端+小程序端 (DeepSeek高级通道+推理输出格式)安装教程
  • 在windows下安装windows+Ubuntu16.04双系统(上)
  • Visual Studio 开发 C# 项目 VS. QT 开发 C++ 项目:全面对比与选择指南
  • 4.4/Q1,FAERS数据库最新文章解读!
  • 虚拟机的创建及配置
  • 【Python项目】基于Python的Web漏洞挖掘系统
  • 深入理解 C++17 的缓存行接口