温故而知新 前端日志上传新姿势 navigator.sendBeacon（信标）

原文地址：https://mp.weixin.qq.com/s/-moAfEZicrFmun4qfWLdOQ

 

简单示例js：

var data = JSON.stringify({
  name: 'Berwin'
});
navigator.sendBeacon('http://localhost:80/index.php', data)

 

简单php示例：

由于是信标发送的 POST 请求，并且是 "text/plain" 数据类型，所以适合用 $GLOBALS['HTTP_RAW_POST_DATA'] 接受。

顺便一提，最好不要使用GET方式请求类似： navigator.sendBeacon('http://localhost:80/index.php?a=123') ，不太适合也不是正确的套路。

php 

header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Headers:x-requested-with,content-type'); 

function WriteLog($msg,$module = null,$logLevel = "DEBUG")
{
    $filepath = "./log/";
    if(!is_dir($filepath)) mkdir($filepath,'0777');
    $MyLogFile = @fopen($filepath.date("Y-m-d").".txt",'a+');

    $time = date("Y-m-d H:i:s");
    if(isset($module)){$module =  sprintf("\r\n归属模块：".$module."\r\n");}
    $logLine = "\r\n-------------------------------  $time -------------------------------\r\n";
    $logLine .= $module;
    $logLine .= "\r\n异常信息：$msg\r\n";
    $logLine .= "\r\n错误等级：$logLevel\r\n";
    fwrite($MyLogFile,$logLine);
}

WriteLog($GLOBALS['HTTP_RAW_POST_DATA']);