Configure third-party authentication
Learn how to configure third-party authentication using OAuth 2.0 to enable secure login to applications with Zephr credentials.
You can configure the authorization settings when using a third-party sign on. This uses OAuth 2.0 to log in to third-party applications using the Zephr login information. For further information on the OAuth 2.0 Authorization Code Grant, refer to the OAuth 2.0 Authorization Framework documentation.
To configure the authorization settings, complete the following steps:
- Select the Third Party Authentication button in the Add a Site screen. The Third Party Authentication Settings screen is displayed.
- Select the Enable Oath 2.0 toggle to access data without sharing credentials.
- Select the Add Allowed Origin button to define origins that can use the third-party authentication settings. A text box is displayed.
- Enter the base URL in the text box The base URL calls the OAuth 2.0 Authorization Server. For example, if the end user is logging in using Zephr credentials from Google, you could use an origin of https://www.google.com/login . You can add further origins by repeating steps 3 and 4.
- Select the Add redirect URIs button to add a redirect Uniform Resource Identifier (URI). A text box is displayed.
- Enter the URI in the text box This defines the URL to which the end user is redirected when authorization has been granted, or an error occurs. You can add further URIs by repeating steps 5 and 6.
- Upload a logo. To do this, you can either drag a file to the drop box, or take the following steps:
- Select the Select a File to Upload button.
- Navigate to your file.
- Select your file.
- Select the Open button.
- Specify a title for the login page. To do this, enter the title you want to use on the login page in the Login Page Title text box.
- Specify a title for the consent page. To do this, enter the title you want to use on the consent page in the Consent Page Title text box.
- Define the placeholder for the identifier. To do this, enter the placeholder you want to use in the Identifier Placeholder text box.
- Select a background color for your page. You can select a color in any combination of the following:
- Select an area in the color box
- Select the eyedropper icon to choose a color used anywhere in your screen
- Select the color from the color bar
- Enter the red, blue and green color values in the R , G and B text boxes.
- Select the arrows beside the RGB text boxes to use hue, saturation and lightness color values. Enter the values in the H , S and L text boxes.
- Select the arrows beside the HSL text boxes to use a hex color value. Enter the hex value in the text box.
- Select the Done button to return to the Add a Site screen.