Custom login page react-native application for Azure Ad authentication End Point

Question

Basically my requirement is to build the custom login page for authenticate user, where user will enter his user and password and we will make some call to Azure to authenticate, authorisation and then public profile with graph api.
i have seen demo application which uses a auth lib for authentication but i want custom login page
https://learn.microsoft.com/en-us/graph/tutorials/react-native
so, is it possible ?

Answer 1

Hello @Sultan Dilawar Ali , the sample you shared is using react-native-app-auth package for managing the authentication and token management and this package supports Auth_Code grant flow in the backend. Now if you check the following section "https://learn.microsoft.com/en-us/graph/tutorials/react-native?tutorial-step=3" you would find the following:

serviceConfiguration: {  
    authorizationEndpoint: 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize',  
    tokenEndpoint: 'https://login.microsoftonline.com/common/oauth2/v2.0/token',  
 }  

Here you would see that the sample is calling the /authorize endpoint of Azure AD which provides its own login page. You cannot make a lot of updates to this login page, as this is something coming directly from Azure AD. A certain degree of customization is possible and you can find the details here: https://learn.microsoft.com/en-us/azure/active-directory/fundamentals/customize-branding#customize-your-azure-ad-sign-in-page

Apart from this not much customization is possible.

Hope this helps.

Do let us know if this helps and if there are any more queries around this, please do let us know so that we can help you further. Also, please do not forget to accept the response as an Answer; if the above response helped in answering your query.