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

231 阅读2分钟

LiveHelperChat开源项目

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

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

在宝塔安装LiveHelperChat

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

下载

最新安装包下载:
github.com/remdex/live… (大概36MB)。下载并解压到服务器。

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

安装PHP 8.2和PHP扩展

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

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

在安装文档参考,
doc.livehelperchat.com/docs/instal… ,你可以找到需要安装哪些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和写入权限,全部检查项为绿色,检测通过。下一步。

设置超管账号密码,

成功安装后,登录,

livechat.yasagle.com/index.php/s…

后台界面,

livechat.yasagle.com/index.php/s…

创建接入代码

创建接入代码,

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

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

后台回复,

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

补充官网的:

下载和安装,

livehelperchat.com/article/sta…

安装文档参考,

doc.livehelperchat.com/docs/instal…

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

安装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配置。

doc.livehelperchat.com/docs/integr…

这段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';
}