配置https服务

默认为http,如需要https,需要额外配置。

1.首先配置好,网站域名https访问,和普通网站配置一样,如果是宝塔管理网站可通过网站设置的控制面板直接申请部署。

演示:ym.ws58.net

PHP在线客服系统之小程序客服搭建教程_重启
2. 进入 /网站目录/public目录下,修改index.php, ws改为wss
PHP在线客服系统之小程序客服搭建教程_php_02
注意ahost访问协议头不需要改还是保持http://
51行domain也改成https协议开头
3.进入 /网站目录/ymwl_pusher 目录下编辑config.php文件,把$domain改成https协议头访问PHP在线客服系统之小程序客服搭建教程_重启_03

/网站目录/ymwl_pusher 目录下编辑start.php文件
添加上WSS证书和WSS私钥文件路径(证书路径使用绝对路径)
PHP在线客服系统之小程序客服搭建教程_php_04
WSS证书和WSS私钥就是当前域名的ssl证书和私钥
4.最后重新开启推送服务

推送服务开启参考命令:
启动 php start.php start -d
停止 php start.php stop
重启 php start.php restart
平滑重启 php start.php reload
查看状态 php start.php status

公众号与模板消息设置

1、进入设置页面
PHP在线客服系统之小程序客服搭建教程_推送服务_05

PHP在线客服系统之小程序客服搭建教程_小程序_06
3、进入客服系统微信公众号配置页面
PHP在线客服系统之小程序客服搭建教程_公众号_07
4、登录微信公众平台 地址​​https://mp.weixin.qq.com​
5、点击左下角设置>公众号设置 找到原始id并填写到客服系统公众号配置页面![]PHP在线客服系统之小程序客服搭建教程_php_08
6、点击左下角开发>基本配置 找到AppID和AppSecret并客服系统公众号配置页面!![]PHP在线客服系统之小程序客服搭建教程_php_09
注:IP白名单必须设置否则微信公众号链接无法登录
7、当前页面服务器配置一栏 点击修改配置
PHP在线客服系统之小程序客服搭建教程_公众号_10
8、按照图示填写URL、Token、随机生成EncodingAESKey、消息加密方式选择安全模式并提交。将Token和EncodingAESKey填写到对应位置并点击提交修改
PHP在线客服系统之小程序客服搭建教程_小程序_11
9、设置>公众号设置>功能设置,填写上业务域名和网页授权域名PHP在线客服系统之小程序客服搭建教程_重启_12

后面是模板消息的设置

10、进入客服系统设置开启模板消息
PHP在线客服系统之小程序客服搭建教程_php_13PHP在线客服系统之小程序客服搭建教程_php_14
11、添加客服,并且配置客服openid
PHP在线客服系统之小程序客服搭建教程_php_15PHP在线客服系统之小程序客服搭建教程_重启_16
PHP在线客服系统之小程序客服搭建教程_小程序_17
PHP在线客服系统之小程序客服搭建教程_小程序_18
PHP在线客服系统之小程序客服搭建教程_php_19
通过模板消息发送给对应客服微信**(注意必须先关注微信公众号)**
效果图

PHP在线客服系统之小程序客服搭建教程_小程序_20

小程序客服搭建

1、登录微信公众平台,mp.weixin.qq.com,输入你的小程序账号密码登录。

2.点击 “客服”。

PHP在线客服系统之小程序客服搭建教程_推送服务_21

3.点击添加客服

PHP在线客服系统之小程序客服搭建教程_公众号_22

4.输入你要添加的客服人员微信号,点击搜索,确认

PHP在线客服系统之小程序客服搭建教程_php_23

5.登陆客服助手。

手机端客服登录:客服通过手机微信,扫描下方二维码,选择对应小程序完成绑定即可。
PHP在线客服系统之小程序客服搭建教程_推送服务_24

电脑网页客服登录:​​mpkf.weixin.qq.com​​,扫码登陆即可。

小程序代码实现

<button class='contact-item' open-type='contact' hover-class='none'>
<view class='pictrue'>
<image src='/images/customer.png'></image>
</view>
<view>联系客服</view>
</button>

对应的样式参考

.contact-item {
padding: 0;
margin: 0;
line-height: normal;
background-color: #fff;
width: 25%;
text-align: center;
font-size: 26rpx;
color: #333;
margin-top: 30rpx;
}
.contact-item .pictrue{
width:52rpx;
height:52rpx;
margin:0auto16rpx auto;
}
.contact-item .pictrue image{
width:100%;
height:100%;
}

附加图标:PHP在线客服系统之小程序客服搭建教程_公众号_25
小程序界面效果:
PHP在线客服系统之小程序客服搭建教程_小程序_26

 

域名修改需要更改的相应的配置文件

1、找到网站根路径public文件夹下的index.php按图所示修改
PHP在线客服系统之小程序客服搭建教程_php_27
2、打开推送服务文件夹,比如网站根路径ymwl_pusher文件夹下修改配置文件config.php按下图所示修改
PHP在线客服系统之小程序客服搭建教程_推送服务_28
3、如果是加了域名证书,对应打开网站根路径ymwl_pusher文件夹下start.php,替换成当前绑定的域名证书
PHP在线客服系统之小程序客服搭建教程_php_29
4.最后重新开启推送服务
推送服务开启参考命令:
启动 php start.php start -d
停止 php start.php stop
重启 php start.php restart -d
平滑重启 php start.php reload
查看状态 php start.php status