Open Closed

Add Authenticator TOTP to old ABP project . #5681


User avatar
0
aqudah81 created

Hello Support , We worked on ABP version 6.0.0 and we want to add Authenticator TOTP to our** Verification providers** without upgrade to ABP latest version . Do you have any steps that we can make it to add this Authenticator TOTP to our project ?

Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, and please first use the search on the homepage. Provide us with the following info:

  • ABP Framework version: v6.0.0
  • UI Type: Angular
  • Database System: EF Core (SQL Server)
  • Auth Server Separated (for Angular): yes/no
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

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

    Hi,

    ABP already supports Authenticator in version 7.3. https://docs.abp.io/en/commercial/latest/modules/identity/two-factor-authentication#verification-providers

    I suggest that you upgrade the version instead of manually adding this feature to the old project.

    If you still want to implement this function in the old project, you can download the source code of the identity and account modules and apply it to your project. (It's really a lot of work that's why I suggest you upgrade the version).

  • User Avatar
    0
    aqudah81 created

    Hi liangshiwei ,

    Thanks for your help . Actually yes I need to implement this on the old projects . Do you have the required files that needed to add on our old project ?

    Thanks

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    You need to customize the application module: https://docs.abp.io/en/abp/latest/Customizing-Application-Modules-Guide

    Do you have the required files that needed to add on our old project

    It's hard to explain. Because your license has the source code, you can download different versions of the module source code to compare. you can clearly see the differences between different versions of code.

    I recommend that you replace the module package reference with a local reference. You can do it through suite:

    In this way, you can copy the file(changes) from the source code of the new version of the module to your local module, which will reduce your time.

  • User Avatar
    0
    aqudah81 created

    Hi liangshiwei, So I need to copy changes to the Account Pro module source code then build then build this module and use it ? Also do we need to make the same thing with Angular Account Pro project ? How we can build the Angular Account Pro project ?

    Thanks

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    So I need to copy changes to the Account Pro module source code then build then build this module and use it

    Yes, but I really don't recommend you to do this, which will make it difficult for you to upgrade in the future and cannot get the benefits of the new version

    Also do we need to make the same thing with Angular Account Pro project

    The angular use authorization code flow by default, If you use the default, then you don't need to change the angular.

  • User Avatar
    0
    aqudah81 created

    Hi , How there are no need to change the Angular Account Module ? most of the changes are on this module . Please can you see attached images .

    Thanks

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Sorry my bad, The login page is from Authserver, but account manage from Angular. Yes, you need also to change the angular project.

    You can custom the component: https://docs.abp.io/en/abp/latest/UI/Angular/Component-Replacement

    Or you can publish your own NPM package and replace the @volo/abp.ng.account package with yours:

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    The angular use authorization code flow by default, If you use the default, then you don't need to change the angular.

    The default login and account manage uses the MVC page, which is why I said you don't need to change it.

  • User Avatar
    0
    aqudah81 created

    Thanks liangshiwei.

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11