如何使用 azure 登录使用 electron 和 angular

Question

I am trying to implement azure authentication in my electron application, I already created an angular app where all works fine so when the application loads it redirected to azure login page and if auth is done it will redirect back to application I am using msal-angular.

Now I am converting this application to the electron. In electron, load the dist folder of angular. After successful login, need to redirect to application, but shows invalid schema error because of file:// schema is there in redirect uri. also can't register that schema to azure portal.

so, how can we redirect to application.

in main.js (electron)

mainWindow.loadURL(url.format({ 
    pathname: path.join(__dirname, 'dist/index.html'),
    protocol: 'file:',
    slashes: true,
}));

in angular app

redirectUri: '/'

Wrapper Library

MSAL Angular (@azure/msal-angular)

Answer 1

Thank you Anand Sowmithiran . Posting your suggestion as an answer to help other community members.

You can use openid appauth module to do authentication with your Azure AD using OpenID(OIDC) and give RedirectUri as localhost:8000 or some other. Even though the below article is based on Okta, you can follow similar approach to authenticate with Azure AD for your electron app. Electron Example

You can refer to How to use azure login using electron and angular , How to use with electron? and Is there any way to login with AzureAD in electron js?