宝塔怎么搭建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';
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值