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