Question

所以我正在寻找一个关于如何处理异常的模式。具体来说，我希望能够从Web API控制器将异常消息传递到客户端。

客户端正在使用第三方库来处理对API的调用如

this.msgs = [];
let xhr = new XMLHttpRequest(),
formData = new FormData();


for(let i = 0; i < this.files.length; i++) {
    formData.append(this.name, this.files[i], this.files[i].name);
}

xhr.upload.addEventListener('progress', (e: ProgressEvent) => {
    if(e.lengthComputable) {
      this.progress = Math.round((e.loaded * 100) / e.total);
    }
  }, false);

xhr.onreadystatechange = () => {
    if(xhr.readyState == 4) {
        this.progress = 0;

        if(xhr.status == 200)
            this.onUpload.emit({xhr: xhr, files: this.files});
        else
            this.onError.emit({xhr: xhr, files: this.files});

        this.clear();
    }
};

xhr.open('POST', this.url, true);
xhr.send(formData);

我目前的回叫功能是

errorComplete(event: any) {
    console.log("upload error");
}

注意错误时，库只是包装XMLHttpRequest并将其传递给我的回调函数。

所以在控制器中我创建了一个测试线，如下所示

throw new Exception("This is a test message");

这是为了模拟意外的异常

目前XMLHttpRequest中的返回码是500，文本是.Net在发生异常时生成的html。

是的，我的控制器中的方法需要在try-catch中包装，但我不确定要在catch中放入什么代码，所以我可以将错误消息发送到客户端，它可以处理它而不是采取在应用程序中。

我正在看的当前用例是用户将文件上传到系统但是系统中已经有一个具有指定名称的文件。并且重命名文件不是一个选项！我需要通知用户系统中已存在具有该名称的文件。

谷歌没有透露回传信息的方法，所以我可以处理它。

Answer 1

谢谢你Nkosi-你的评论让我走上正轨。我实现了一些中间件。

public class UIExceptionHandler
{
    RequestDelegate _next;
    public UIExceptionHandler(RequestDelegate next)
    {
        this._next = next;
    }

    public async Task Invoke(HttpContext context)
    {
        try
        {
            await this._next(context);
        }
        catch (Exception x)
        {
            if (!context.Response.HasStarted)
            {
                context.Response.StatusCode = (int)System.Net.HttpStatusCode.InternalServerError;
                context.Response.Headers["Message"] = x.Message;
            }
        }
    }
}

public static class UIExcetionHandlerExtensions
{
    public static IApplicationBuilder UseUIExceptionHandler(this IApplicationBuilder builder)
    {
        return builder.UseMiddleware<UIExceptionHandler>();
    }
}

并在启动的配置方法

中

app.UseUIExceptionHandler();

然后在客户端我可以做

errorComplete(event: any) {
    var errorMessage = event.xhr.getResponseHeader('Message');
    console.log(errorMessage);
}

如果有人发现此解决方案存在问题，请告诉我

web api和angular 2客户端之间的错误处理

1 个答案: