利用php websocket實現小程序消息推送或即時通訊功能 wss的實現

時間 2019-11-06

標籤利用 php websocket 實現程序消息推送即時通訊功能 wss 欄目 PHP 简体版

原文原文鏈接

小程序沒有消息推送功能,要想實現能夠經過php的websocket來實現php

一.配置服務器.css

1.上傳web-msg-sender目錄到服務器html

(官方地址https://www.workerman.net/web-sender 下載地址:https://www.workerman.net/download/senderzip)
2.修改start_io.php文件修改證書路徑(nginx證書)小程序跳過此步小程序須要使用反向代理下面會有介紹jquery

$sender_io = new SocketIO(2120);

修改爲nginx

$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文件啓動git

php start.php start -d

5.將2120 2121 端口開放權限並加入雲服務器安全組
能夠在cmd中執行 telnet 域名 2120 測試是否已經連通github

6.別忘了把域名或ip添加到微信小程序受權域名的wss域名中,不然是沒法訪問的
二.配置客戶端web

1小程序客戶端(前提必須事先配置好https域名證書及受權域名)apache

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
        socket.on('connect', () => {
          console.log(socket.connected); // true
          socket.emit('login', uid);
        });
        
        socket.on('new_msg', d => {
          console.log('received news: ', d);//在這裏接收消息並自行處理提醒
        })
    }
})

注:小程序不能設置端口因此必須進行反向代理.設置方法以下.而且 workerman原生和nginx代理兩種https 不能共存不然會報錯

https://github.com/walkor/phpsocket.io/tree/master/docs/zh#%E6%94%AF%E6%8C%81sslhttps-wss

apache反向代理:https://www.cnblogs.com/skyfeng/articles/6628903.html

iis反射代理:http://www.javashuo.com/article/p-ewkabtcc-bt.html

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;
}