温故而知新 前端日志上传新姿势 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']);