一.配置服務器.
1.上傳web-msg-sender目錄到服務器(下載地址https://www.workerman.net/web-sender)
2.修改start_io.php文件修改證書路徑(nginx證書)
$sender_io = new SocketIO(2120);
修改成
$context = array(
'ssl' => array(
'local_cert' => '/ssl/cn_bundle.crt',
'local_pk' => '/ssl/pk.key',
'verify_peer' => false,
)
);
// PHPSocketIO服務
$sender_io = new SocketIO(2120,$context);
證書可以通過騰訊雲申請,下載後選擇裏面的nginx證書即可
3.參考http://doc.workerman.net/faq/disable-function-check.html檢查環境
如有禁用函數vi /usr/local/php/etc/php.ini 找到disable_functions 刪除禁用項
4.進入web-msg-sender目錄 後執行啓動命令 windows系統進入到框架目錄裏雙擊start_for_win.bat文件啓動
php start.php start -d
5.將2120 2121 端口開放權限 並加入雲服務器安全組
可以在cmd中執行 telnet 域名 2120 測試是否已經連通
6.別忘了把域名或ip添加到微信小程序授權域名的wss域名中,否則是無法訪問的
二.配置客戶端
1小程序客戶端
weapp.socket.io.js文件下載
http://fourpan.com/fs/exi6ao0gg6vi9pdf04/
https://github.com/10cella/weapp.socket.io
const io = require('../../utils/weapp.socket.io.js')
Page({
/**
* 頁面的初始數據
*/
data: {},
/**
* 生命週期函數--監聽頁面加載
*/
onLoad: function () {
var that = this;
var uid='bitefu1';
const socket = io('https://域名或ip:2120')
socket.on('connect', () => {
console.log(socket.connected); // true
socket.emit('login', uid);
});
socket.on('new_msg', d => {
console.log('received news: ', d)
})
}
})
2.網頁客戶端
便於發送測試特意發個web端方便測試用.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script src='https://cdn.bootcss.com/socket.io/2.0.3/socket.io.js'></script>
<script src='//cdn.bootcss.com/jquery/1.11.3/jquery.js'></script>
<script>
var domain='域名或ip';
</script>
</head>
<body>
<div style="width:850px;">
<h3>測試:</h3>
當前用戶uid:<b class="uid"></b><br>
可以通過url:<a id="send_to_one" href="" target="_blank"><font style="color:#91BD09">http://<font class="domain"></font>:2121?type=publish&to=<b class="uid"></b>&content=消息內容</font></a> 向當前用戶發送消息<br>
可以通過url:<a href="" target="_blank" id="send_to_all" ><font style="color:#91BD09">http://<font class="domain"></font>:2121?type=publish&to=&content=消息內容</font></a> 向所有在線用戶推送消息<br>
<script>
// 使用時替換成真實的uid,這裏方便演示使用時間戳
var uid = Date.parse(new Date());
$('#send_to_one').attr('href', 'http://'+domain+':2121/?type=publish&content=%E6%B6%88%E6%81%AF%E5%86%85%E5%AE%B9&to='+uid);
$('.uid').html(uid);
$('#send_to_all').attr('href', 'http://'+domain+':2121/?type=publish&content=%E6%B6%88%E6%81%AF%E5%86%85%E5%AE%B9');
$('.domain').html(domain);
</script>
</div>
<script>
$(document).ready(function () {
// 連接服務端
var socket = io('https://'+domain+':2120');
// 連接後登錄
socket.on('connect', function(){
socket.emit('login', uid);
});
// 後端推送來消息時
socket.on('new_msg', function(msg){
$('#content').append('收到消息:'+msg+'<br>');
});
// 後端推送來在線數據時
socket.on('update_online_count', function(online_stat){
$('#online_box').html(online_stat);
});
});
</script>
<div id="online_box"></div>
<div id="content"></div>
</body>
</html>
三服務端發消息
<?php
// 指明給誰推送,爲空表示向所有在線用戶推送
$to_uid = 'bitefu1';
// 推送的url地址,使用自己的服務器地址
$push_api_url = "http://域名或ip:2121/";
$content='大家好啊';
$post_data = array(
"type" => "publish",
"content" =>$content ,
"to" => $to_uid,
);
$res=curlget($push_api_url,$post_data,'POST',array(),true);
var_export($res);
function curlget($url, $params='', $method = 'GET', $header = array(), $multi = false,$debug=false,$optsother='') {
$opts = array(CURLOPT_TIMEOUT => 10,CURLOPT_RETURNTRANSFER=> 1,CURLOPT_SSL_VERIFYPEER=> false,CURLOPT_SSL_VERIFYHOST=> false,CURLOPT_HTTPHEADER => $header);
switch (strtoupper($method)) {/* 根據請求類型設置特定參數 */
case 'GET':$opts[CURLOPT_URL] = $params?$url.'?'.http_build_query($params):$url;break;
case 'POST':$params = $multi ? $params : http_build_query($params);//判斷是否傳輸文件
$opts[CURLOPT_URL] = $url;$opts[CURLOPT_POST] = 1;$opts[CURLOPT_POSTFIELDS] = $params;break;
default:if($debug)E('不支持的請求方式!');break;
}$ch = curl_init();if($optsother && is_array($optsother))$opts=$opts+$optsother;curl_setopt_array($ch, $opts);$data = curl_exec($ch);$error = curl_error($ch);curl_close($ch);/* 初始化並執行curl請求 */
if($error && $debug){E('請求發生錯誤:'.$error);}
return $data;
}