要求: 添加客户端日志并将其发送到服务器。服务器中的开发人员应该能够启用或禁用此日志记录功能。
我的方法: 我创建了一个 ASP.NET WebAPI 项目,我在其中创建了一个 POST 方法来将日志数据写入本地文件。所以,我可以添加和监控客户端日志。
现在,从客户端我无法调用 post 方法。我用过log4javascript。我让 AjaxAppender 向服务器发送请求。
使用 log4javascript 的 JS 代码:
// Create the logger
var log = log4javascript.getLogger();
// Create a AjaxAppender with default options
var ajaxAppender = new log4javascript.AjaxAppender('http://localhost:59132/api/log');
// If you want to send JSON
var jsonLayout = new log4javascript.JsonLayout();
// Add configuration for ajaxAppender
//ajaxAppender.setThreshold(log4javascript.Level.ERROR); // Sets the appender's threshold. Log messages of level less severe than this threshold will not be logged.
//ajaxAppender.setBatchSize(10); // Sets the number of log messages to send in each request.
//ajaxAppender.sendAll(); // send all remaining messages on window.beforeunload()
ajaxAppender.addHeader("Content-Type", "application/json");
ajaxAppender.setLayout(jsonLayout);
// Adds the given appender
log.addAppender(ajaxAppender);
// Log message
log.debug("Debug");
log.info("Info");
log.warn("Warning");
log.error("Error");
log.fatal("Fatal");
服务器端代码:
[HttpPost]
public void Post([FromBody]List<string> value)
{
string path = AppDomain.CurrentDomain.BaseDirectory + "Log.txt";
foreach(string s in value)
{
using (StreamWriter writetext = new StreamWriter(path, true))
{
writetext.WriteLine("Log: " + s.ToString() + " " + DateTime.Now);
}
}
}
此外,使用 jQuery Ajax 我可以发送日志消息,但我认为我不应该在我的项目中实现这一点,因为我将日志存储在一个数组中并且我没有任何配置集(即我不会能够启用和禁用 JS 日志记录功能)。
使用 jQuery Ajax 的 JS 代码:
$(document).ready(function (){
var logArr = [];
logArr.push("Error - XYZ " + "URL: " + window.location.href);
logArr.push("Info - PQRS " + "URL: " + window.location.href);
logArr.push("Warning - MNOP " + "URL: " + window.location.href);
sendError(logArr)
});
function sendError(message) {
$.ajax({
url: "/api/log",
type: 'POST',
async: true,
data: JSON.stringify(message),
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function () {
console.log("Success");
},
error: function (e) {
console.log("Failure " + e.message);
}
});
}
log4JS、JSNLog能解决这个问题吗?请在这里指导我。
注意:我们不会使用任何错误跟踪工具,例如:errlytics、rollbar 等。因为它们是付费的。