Umbraco 2FA on Login Screen

darrenhunterEmerald · August 8, 2025, 8:24am

Is there any way to setup 2 FA on the login form.

Steps:

User Enter Username and Password

Checks to see if the user is setup with 2FA

If not setup then se up 2FA

Just wounded if there an event I can tap in to to do this?

Thanks

Darren

Marcis · August 8, 2025, 8:42am

Hi, you can enforce 2FA using this example:

gist.github.com

https://gist.github.com/Rockerby/3dce3a47c8657a7fa4a7fbcb7bd73190

EnforceTwoFactorAuthentication.js

(() => {
    
    angular.module("umbraco").run(["authResource", "twoFactorLoginResource", "editorService", "notificationsService", "eventsService", "overlayService",  async (authResource, twoFactorLoginResource, editorService, notificationsService, eventsService, overlayService) => {
        const state = {};
        
        const init = async (firstInit) => {
            "app.ready"
            state.currentUser = await authResource.getCurrentUser();
            state.twoFactorAuthProviders = await twoFactorLoginResource.get2FAProvidersForUser(state.currentUser.id);

This file has been truncated. show original

package.manifest

{
    "javascript": [
        "~/App_Plugins/path/to/EnforceTwoFactorAuthentication.js"
    ]
}

It will force user to setup 2FA after login

darrenhunterEmerald · August 8, 2025, 9:24am

I want to set it up during login, as this is a security issue, I also want to disable them switching 2FA off as well.

ProNotion · August 8, 2025, 1:17pm

@darrenhunterEmerald You can implement your own solution. Refer to the following docs as a guide to get you started.