Open Closed

Custom login with Account Module Pro #4957


User avatar
0
fernandocontreraz created

Hello,

I want to customize the login from the account module but I don't know how to integrate the module in the Angular project. When I start the project and go to the login page, nothing loads, a blank page appears.

  • ABP Framework version: v7.1.1
  • UI type: Angular
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): yes
  • Exception message and stack trace:
  • Steps to reproduce the issue:"
  1. Create a new solution
  2. Add Account Module (Replace packages with source code)
  3. Modify the settings in environment.ts to change the resource owner password flow:
  4. Here I have a couple of doubts with the dummyClientSecret variable ¿what key should be set? ¿where is it generated?
  5. Run the project

I have been trying to replace the components but I don't know how to do it with the account module.

Thanks.


8 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    You can check this: https://support.abp.io/QA/Questions/306/Custom-Login-Page-For-Angular

  • User Avatar
    0
    fernandocontreraz created

    Hi,

    Thank you for your answer

    That article is about override and replacing the default login page by creating your own, but I want to use the account module that is available in the commercial version because I want customize another pages like forgot password, register, reset password, send security code and two factor tab etc. Is it possible?

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    I want customize another pages like forgot password, register, reset password, send security code and two factor tab etc. Is it possible?

    Those pages only are for MVC UI only, which means you have to use the code flow instead of resource owner password flow

  • User Avatar
    0
    fernandocontreraz created

    When I replaced packages with the source code from the account module, several files were generated in the angular project. ¿What are all these components for?

    Also added as a library in the angular.json file

    What is the use of all this?

  • User Avatar
    0
    masum.ulu created
    Support Team Angular Expert

    Hi fernando,

    If you want to customize all account module you can add with source code, which is you already did but in that way you are responsible for the module, all these component is belongs to account module. Also you can replace some component part of account module with ComponentReplacement

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Sorry I was confused about something

    Here I have a couple of doubts with the dummyClientSecret variable ¿what key should be set? ¿where is it generated?

    This should be generated by the OpenIddictDataSeedContributor

    But you should not need to specify the value, because it's null by default.

  • User Avatar
    0
    fernandocontreraz created

    Thanks for your help, I hope I get lucky with this.

    Regards.

  • User Avatar
    0
    masum.ulu created
    Support Team Angular Expert

    If your problem is solved I'm closing this question ?

Made with ❤️ on ABP v9.1.0-preview. Updated on November 11, 2024, 11:11