无法使用log4javascript将客户端日志发送到服务器(Asp.net Web API)

Question

要求：添加客户端日志并将其发送到服务器。服务器中的开发人员应该能够启用或禁用此日志记录功能。

我的方法：我创建了一个ASP.NET WebAPI项目，在其中我创建了将日志数据写入本地文件的POST方法。因此，我可以添加和监控客户端日志。

现在，从客户端我无法调用post方法。我使用过log4javascript。在那里，我让AjaxAppender向服务器发送请求。

JS代码使用log4javascript:

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

此外，使用jQueryAjax，我可以发送日志消息，但我认为我不应该在我的项目中实现这一点，因为我将日志存储在一个数组中，并且我没有任何配置集(即，我将无法启用和禁用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能解决这个问题吗？请引导我到这里。

注意：我们不会使用任何错误跟踪工具，如：错误分析、滚动条等。因为它们是付费的。

Answer 1

我是JSNLog的作者。

JSNLog包含一个.Net的服务器端端点，它将登录到您喜欢的日志记录包(Serilog、Log4Net等(。它同时支持ASP.Net CORE和ASP.Net Framework(ASP.Net的非核心版本(。它有很多很棒的功能(在我看来有偏误(：http://jsnlog.com

我知道你想让服务器端的开发人员控制服务器端的日志记录。使用JSNLog，客户端侧记录器可以使用服务器端代码进行控制。有关其工作原理的详细信息，请参阅：http://jsnlog.com/Documentation/Configuration/OnServer