This section explains how to register and configure your application in Azure Active Directory to use Microsoft Graph and MSAL.

7.1 Access the Azure Portal

• Log In : Visit Azure Portal and log in with an account that has administrative permissions.
• Navigate to Azure Active Directory : Select "Azure Active Directory" from the sidebar menu.

7.2 Register a New Application

1. Go to "App Registrations":
   Select "App Registrations" within Azure Active Directory.

2. Create a New Registration:
   Click "New Registration" and complete the form:

   • Name : "OneDrive Personal Picker Plugin" (or a descriptive name).
   • Supported Account Types :
     Select "Accounts in any organizational directory and personal Microsoft accounts (e.g., Skype, Xbox)" to support personal accounts.
   • Redirect URI :
     Select "Web" and enter the redirect URI, e.g., https://testpluging.bubbleapps.io/version-test/onedrive.
   • Click "Register."

7.3 Configure the Application Registration

7.3.1 Obtain the Client ID

• Copy the Application (Client) ID displayed in the "Essentials" section of the registered application. This value will be used in the plugin.

7.3.2 Configure the Redirect URI

• Go to "Authentication" and ensure the redirect URI (e.g., https://testpluging.bubbleapps.io/version-test/onedrive) is listed.
• If necessary, add a platform by selecting "Add a Platform" and choosing "Web."
• Check the "Implicit grant and hybrid flows" option if required by your application.

7.3.3 Configure API Permissions (Microsoft Graph)

1. Go to "API Permissions":
   Select "API Permissions" from the sidebar menu.

2. Add Permissions:

   • Click "Add a Permission" and select "Microsoft Graph."
   • Add delegated permissions such as:
     • For read-only: Files.Read.All and User.Read.
     • For read/write: Files.ReadWrite.All and User.Read.
   • If using "Application" permissions, click "Grant Admin Consent."

7.3.4 Configure Certificates and Secrets (Optional)

• If you need a client secret, go to "Certificates & Secrets," create one, and copy the value immediately, as it cannot be viewed again.

7.4 Additional Configurations

• Review the Manifest :
  From the "Manifest" section, adjust values like signInAudience.

• Branding and Properties :
  Customize the logo, name, and other details in "Branding" and review the "Overview" section to confirm all information is correct.

7.5 Integration with the Plugin in Bubble

• Client ID :
  Paste the Client ID obtained into the client_id field of the plugin properties in Bubble.

• Redirect URI :
  Ensure the Redirect URI configured in Azure matches the one used in Bubble.

• Permissions :
  Verify that the permissions configured in Azure correspond to the operations the plugin will perform.