1

Setup Azure Active Directory (Azure AD) Portal

  1. Create an Azure AD account if you don’t have one.
  2. Navigate to the Azure Portal and go to Azure Active Directory > App registrations.
  3. Click New registration, enter a name for your app, and set the redirect URI to your application handling the Nile Auth requests.
  4. Obtain the Application (client) ID, Directory (tenant) ID, and create a Client Secret under Certificates & secrets.
2

Save Client ID and Client Secret in Nile

Save the Client ID, Client Secret, and Tenant ID to your database at console.thenile.dev under Azure in Tenants & Users -> Configuration

3

Add the `Azure` button to your login page

The button will redirect the user to Azure AD for authentication. Upon successful authentication, the user will be redirected back to your application.

import { AzureSignInButton } from '@niledatabase/react';

function App() {
  return (
    <div>
      <AzureSignInButton callbackUrl="/" tenantId="YOUR_TENANT_ID" />
    </div>
  );
}

Was this page helpful?