Ends in:
0 DAY
13 HRS
14 MIN
20 SEC
Ends in:
0 D
13 H
14 M
20 S
Open Closed

Customize HTTP Error Handler #6220


User avatar
0
hossein_jalili created

Hi ABP team

I'm using 7.4.2 abp Ui version and I want to show toast for http errors and skip default http error handling. Base on APB document in link below Customize HTTP Error but it not working in right way so I can register a custom handler function then the ErrorHandler executes that function and I can return the throwError(httpError) at bottom of the function to run the default handler but I don’t want to show default handler so I remove the return expression and I would expect to don’t see default error but the default error confirmation is shown. I even return empty, null, undefined value but default error is shown yet. I have attached my code and output. Please help.

  • ABP Framework version: v7.4.2
  • UI Type: Angular

10 Answer(s)
  • User Avatar
    0
    IanW created

    Hello hossein_jalili,

    I think you are missing the registrator of the handler.

    There is some code to show how to do this in AppModule in the sample on that page.

    @NgModule({
      // ...
      providers: [
        // ...
        { provide: HTTP_ERROR_HANDLER, useValue: handleHttpErrors }
      ],
      declarations: [
       //...
       Error404Component],
    })
    export class AppModule {}
    

    Could you make sure AppModule has this for me?

    Thanks

  • User Avatar
    0
    hossein_jalili created

    So if I have not put provider at the app module How can we see the toast(see last image)?

    My problem is the modal and I want to remove it and just show my toaster message at the bottom right.

    according of your doc here https://docs.abp.io/en/abp/latest/UI/Angular/HTTP-Requests#custom-http-error-handler I do my own best but your framework did not ignore the modal of error anyway. please give me a way to ignore that modal.

  • User Avatar
    0
    mahmut.gundogdu created

    We have refactored http-error handler. you can change tiny peace of http helper. here you can StatusCodeErrorHandlerService with Angular's Dependency Injection like

    ...
      providers: [{
        provide: StatusCodeErrorHandlerService,
        useClass: myStatusCodeErrorHandlerService,
      }],
      bootstrap: [AppComponent],
    })
    export class AppModule {}
    

    https://github.com/abpframework/abp/blob/dev/npm/ng-packs/packages/theme-shared/src/lib/services/status-code-error-handler.service.ts#L14

    but I would do logout function in a http interceptor. https://angular.io/api/common/http/HttpInterceptor

  • User Avatar
    0
    IanW created

    I understand.

    The problem is right now you have 2 handlers registered. So as Mahmut said, instead you can now override the registered StatusCodeErrorHandlerService with your own.

  • User Avatar
    0
    hossein_jalili created

    based on what you said, I have overridden this "StatusCodeErrorHandlerService" service with my own customized service by Angular DI, but neither "canHandle" nor "execute" methods ran. Unexpectedly, ABP default confirm modal showed up. I think, ABP doesn't use "StatusCodeErrorHandlerService" service for handling http errors. I even imported "StatusCodeErrorHandlerService" from '@abp/ng.theme.shared' and tested its in a component, in this case, the overridden methods were working just fine.

  • User Avatar
    0
    IanW created

    @mahmut can you confirm which version of the frontend package this StatusCodeErrorHandlerService was introduced?

  • User Avatar
    0
    mahmut.gundogdu created

    By Default there are 4 error handlers. Every handler has own priority. I am not sure which is fit your case. The main point, find the right handler, override it or add new one and give Higher priority

  • User Avatar
    0
    hossein_jalili created

    I have overridden all services that you mentioned by my customized service separately and together, I even applied all priority states available then I tested it but ABP default modal is showing yet. I want to disable ABP http error handling in whole app and use my customized Http error handing. how can I do that? I want disable yours and use mine...

  • User Avatar
    0
    mahmut.gundogdu created

    I have overridden all services that you mentioned by my customized service separately and together, I even applied all priority states available then I tested it but ABP default modal is showing yet. I want to disable ABP http error handling in whole app and use my customized Http error handing. how can I do that? I want disable yours and use mine...

    Alright, then you should override the service error.handler.ts https://github.com/abpframework/abp/blob/dev/npm/ng-packs/packages/theme-shared/src/lib/handlers/error.handler.ts

  • User Avatar
    0
    hossein_jalili created

    thanks mate. my problem has been solved.

Made with ❤️ on ABP v9.1.0-preview. Updated on December 05, 2024, 12:19