• 媒体品牌
    爱范儿
    关注明日产品的数字潮牌
    APPSO
    先进工具,先知先行,AIGC 的灵感指南
    董车会
    造车新时代,明日出行家
    玩物志
    探索城市新生活方式,做你的明日生活指南
  • 知晓云
  • 制糖工厂
    扫描小程序码,了解更多

开发 | 如何在小程序里搭建客服系统?

小程序

2017-04-05 12:00

文 | huazai123

知晓程序(微信号 zxcx0101)今天带来的,是基于「药顾问」微信小程序项目的 socket 客服模块搭建过程。

环境准备

1. 搭建 HTTPS 和 WSS 环境

由于微信规定,白名单域名不能携带端口信息,我们建议,开发者使用 NginX 进行代理转发,使其支持微信白名单域名的要求。

2. 定义前后端通信 JSON 协议

其中,token 是用来验证消息来源合法性的,fd 为当前 socket 连接资源 ID,from 为对方 socket 连接资源 ID,cmd 用于定义当前操作。

聊天系统搭建

1. 服务端

采用 TP5 和 swoole 扩展,并新建了一个 socket 模块,用于处理 socket 请求。

目录结构如下:

分为服务端 server.php 和客户端 client.php,服务端以 cli 形式运行。具体代码请参考 swoole 源码包中的 SSL 样例。

运行命令如下(先切换到服务器程序代码的public目录 ):

php index.php socket/server/index

客户端其实是一个 web 端的 websocket,源码包中同样有提供样例,可供大家参考。

2. 小程序端

我们需要简单封装微信提供的 socket 接口,用于处理连接成功、发送消息、连接失败自动重连等操作。

目录结构如下:

发送方法封装参考:

3. 提升 cli 程序稳定性

编写 shell 脚本如下:

count=`ps -fe |grep "socket/server" | grep -v "grep" | grep "master" | wc -l`
echo $count
if [ $count -lt 1 ]; then
ps -eaf |grep "socket/server" | grep -v "grep"| awk '{print $2}'|xargs kill -9
sleep 2
ulimit -c unlimited
/opt/app/php/bin/php /opt/web/think/public/index.php socket/server/index
echo "restart";
echo $(date +%Y-%m-%d_%H:%M:%S) >/opt/script/log/restart.log
fi

启用 crontab:

crontab -e

加入一行:

*/1 * * * * /opt/script/check_server.sh #每隔一分钟检测下脚本
crontab -l

注意事项

首先,如果使用 TP5 的帮助函数模块出现下面的错误,是数据库连接过期导致。建议大家将连接过期时间设置得更长,但即使这样,总有过期的时候。所以我们推荐使用 MongoDB。

其次,微信小程序真机环境不予许指定端口,那上面的服务器配置就没有什么用,解决办法是:停用 Apache 的 SSL 模块,改用 NginX 作为反向代理。

另外,如果要用 NginX 作为反向代理,会遇到会话过期的问题。我们有两个解决办法:

  • 设置代理超时时间为一个很长的时间。
  • 一个是客户端做个心跳检测(即定时向服务器发送一条信息)。

这两种办法都会增加服务器的负担,大家可以根据自己情况进行选择,我们建议采用后一种方法。

原文地址:http://www.jianshu.com/p/26479d3892ac

本文由知晓程序授权转载,关注微信号 zxcx0101,在微信后台回复「健康」,获取健康相关小程序推荐。

zxcx_0208

登录,参与讨论前请先登录

评论在审核通过后将对所有人可见

正在加载中

小程序商店 minapp.com,一扫即用的小程序大全。微信公众号「知晓程序」,做中国最好的小程序报道。

本篇来自栏目

解锁订阅模式,获得更多专属优质内容