微信小程序聊天客服工具

创建WebSocket服务器

安装准备

安装swoole前必须保证系统已经安装了下列软件

php-5.3.10 或更高版本
gcc-4.4 或更高版本
make
autoconf

下载地址

• https://github.com/swoole/swoole-src/releases
• http://pecl.php.net/package/swoole
• http://git.oschina.net/matyhtf/swoole

下载源代码包后，在终端进入源码目录，执行下面的命令进行编译和安装

cd swoole
phpize
./configure
make 
sudo make install

或者：

PECL

swoole项目已收录到PHP官方扩展库，除了手工下载编译外，还可以通过PHP官方提供的pecl命令，一键下载安装swoole

pecl install swoole

配置php.ini
编译安装成功后，修改php.ini加入
extension=swoole.so
通过php -m或phpinfo()来查看是否成功加载了swoole，如果没有可能是php.ini的路径不对，可以使用php -i |grep php.ini来定位到php.ini的绝对路径。、
重启服务器  service nginx restart

创建WebSocket服务器
创建文件 ws_server.php

//创建websocket服务器对象，监听0.0.0.0:9502端口
$ws = new swoole_websocket_server("0.0.0.0", 9502);

//监听WebSocket连接打开事件
$ws->on('open', function ($ws, $request) {
    var_dump($request->fd, $request->get, $request->server);
    $ws->push($request->fd, "hello, welcome\n");
});

//监听WebSocket消息事件
$ws->on('message', function ($ws, $frame) {
    echo "Message: {$frame->data}\n";
    $ws->push($frame->fd, "server: {$frame->data}");
});

//监听WebSocket连接关闭事件
$ws->on('close', function ($ws, $fd) {
    echo "client-{$fd} is closed\n";
});

$ws->start();
WebSocket服务器是建立在Http服务器之上的长连接服务器，客户端首先会发送一个Http的请求与服务器进行握手。握手成功后会触发onOpen事件，表示连接已就绪，onOpen函数中可以得到$request对象，包含了Http握手的相关信息，如GET参数、Cookie、Http头信息等。
建立连接后客户端与服务器端就可以双向通信了。
 
 
客户端向服务器端发送信息时，服务器端触发onMessage事件回调
服务器端可以调用$server->push()向某个客户端（使用$fd标识符）发送消息
服务器端可以设置onHandShake事件回调来手工处理WebSocket握手
运行程序
php ws_server.php
再创建js文件 socket.php
JS代码为：
var wsServer = 'ws://127.0.0.1:9502';
var websocket = new WebSocket(wsServer);
websocket.onopen = function (evt) {
    console.log("Connected to WebSocket server.");
};

websocket.onclose = function (evt) {
    console.log("Disconnected");
};

websocket.onmessage = function (evt) {
    console.log('Retrieved data from server: ' + evt.data);
};

websocket.onerror = function (evt, e) {
    console.log('Error occured: ' + evt.data);
};
运行程序
php ws_server.php
支持服务器后台运行,使用命令：  nohup php ws_server.php &

服务器访问js页面

注意端口号，并检查防火墙是否关闭。

然后就可以应用到微信小程序了。。。。。