Authentication

When using Auth0 authentication, the io.Manager Server will use Auth0 to authenticate incoming requests based on an Auth0 access token. The io.Manager Admin UI will use Auth0 login to authenticate users and send the Auth0 access token to the io.Manager Server.

To enable Auth0 authentication, you must configure properly the io.Manager Server and Admin UI, as well as the io.Connect platform that will connect to io.Manager - io.Connect Desktop or io.Connect Browser.

Depending on the deployment approach you have chosen, you have the following options for configuring the io.Manager Server and Admin UI:

• If you are using the basic deployment scenario from the template repository approach, you must set properly the necessary environment variables.

• If you are using the NPM packages for deployment, or the advanced deployment scenario from the template repository approach, you must provide the necessary configuration settings at runtime when initializing the io.Manager Server and Admin UI.

The following sections provide examples of both options.

Server

To enable Auth0 authentication for the io.Manager Server, choose one of the following options depending on your deployment approach.

Environment Variables

To configure the io.Manager Server to use Auth0 authentication, register the following environment variables with the proper values. The API_AUTH_METHOD environment variable must be set to auth0:

Example configuration:

API_AUTH_METHOD=auth0
API_AUTH_AUTH0_AUDIENCE=https://example.com
API_AUTH_AUTH0_ISSUER=https://example.auth0.com
API_AUTH_AUTH0_JWKSURI=https://example.auth0.com/example/jwks.json
API_AUTH_EXCLUSIVE_USERS="[\"admin\"]"

Runtime Configuration

To enable Auth0 authentication for the io.Manager Server, set the auth_method property of the optional Config object for initializing the io.Manager Server to "auth0". Use the auth_auth0, auth_exclusive_users, and token properties to provide additional settings for the Auth0 authentication:

The auth_auth0 object has the following properties:

Example configuration:

import { start } from "@interopio/manager";

const config = {
    // Enabling Auth0 authentication.
    auth_method: "auth0",
    // Additional settings for Auth0 authentication.
    auth_auth0: {
        audience: "https://example.com",
        issuerBaseURL: "https://example.auth0.com",
        tokenSigningAlg: "RS256"
    },
    // List of users that will be granted the `GLUE42_SERVER_ADMIN` role.
    auth_exclusive_users: ["admin"]
};

const server = await start(config);

Admin UI

To access the io.Manager Admin UI, a user must be granted the GLUE42_SERVER_ADMIN role. The list of exclusive users with access to the Admin UI is defined in the io.Manager Server configuration. You can also grant this role to other users from the Admin UI.

To enable Auth0 authentication for the io.Manager Admin UI, choose one of the following options depending on your deployment approach.

Environment Variables

To configure the Admin UI to use Auth0 authentication, set the following environment variables with the proper values. The REACT_APP_AUTH environment variable must be set to auth0:

Example configuration:

REACT_APP_AUTH=auth0
REACT_APP_AUTH0_AUDIENCE=https://example.com
REACT_APP_AUTH0_CLIENT_ID=clientId
REACT_APP_AUTH0_DOMAIN=https://example.auth0.com

Runtime Configuration

To enable Auth0 authentication for the Admin UI, set the auth property of the <Admin UI /> component to "auth0" and use the auth_auth0 property to provide additional settings for the Auth0 authentication.

The auth_auth0 object has the following properties:

Example configuration:

<AdminUI
    apiURL="http://localhost:4356/api"
    auth="auth0"
    auth_auth0={{
        audience: "https://example.com",
        clientId: "clientId",
        domain: "https://example.auth0.com"
    }}
/>

io.Connect Desktop

To enable Auth0 authentication for io.Connect Desktop, you must configure the connection to io.Manager and the login screen that's part of the Admin UI.

Connecting to io.Manager

To configure io.Connect Desktop to connect to io.Manager, use the "server" top-level key of the system.json system configuration file of io.Connect Desktop located in the %LocalAppData%/interop.io/io.Connect Desktop/Desktop/config folder. Add the following basic configuration to enable connection to io.Manager:

{
    "server": {
        "enabled": true,
        "url": "http://localhost:4356/api"
    }
}

This will add io.Manager as an additional app store and instruct it to store Layouts and app preferences. If you want io.Manager to be the only app store, set the "appStores" top-level key in the system.json file to an empty array.

To send client crashes to the io.Manager Server, edit the "output" property of the "crashReporter" top-level key in the system.json file:

{
    "crashReporter": {
        "output": {
            "type": "server",
            "serverUrl": "http://localhost:4356/api/crashes"
        }
    }
}

For more configuration options for connecting to io.Manager, see the Configuration > Platform section.

Login Screen

For Auth0 authentication to work properly in io.Connect Desktop, you must configure the login screen that's part of the Admin UI.

To enable the login screen, use the "ssoAuth" top-level key of the system.json file. Set the "authController" property of the "ssoAuth" object to "sso". Use the "options" object to provide the location of the login screen and settings for the io.Connect Window in which it will be loaded. The "url" property of the "options" object must point to the location of the Admin UI and must end with the gd query parameter, which will indicate that the login attempt is coming from io.Connect Desktop.

⚠️ Note that for this configuration to work properly, you must not set the REACT_APP_AUTH0_REDIRECT_URL environment variable, or the redirectUri property of the auth_auth0 object in the <Admin UI /> component.

Example configuration:

{
    "ssoAuth": {
        "authController": "sso",
        "options": {
            "url": "http://localhost:3000?gd",
            "window": {
                "width": 500,
                "height": 650,
                "mode": "flat"
            }
        }
    }
}

io.Connect Browser

Connecting to io.Manager from an io.Connect Browser project requires modifying the configuration for initializing the @interopio/browser-platform library in the Main app.

To specify settings for the connection to the io.Manager, use the manager property of the optional configuration object when initializing the @interopio/browser-platform library. The following example demonstrates configuring the connection to io.Manager with Auth0 authentication:

import IOBrowserPlatform from "@interopio/browser-platform";

// Callback that will retrieve a valid Auth0 access token
// and add it to the headers of every request sent to io.Manager.
const getHeaders = async () => {
    // Your custom internal logic for refreshing and retrieving the access token.
    const token = await getAccessToken();

    const extraHeaders = {
        Authorization: `Bearer ${token}`
    };

    // The returned headers will be merged with the existing ones.
    return extraHeaders;
};

const config = {
    licenseKey: "my-license-key",
    manager: {
        // URL pointing to io.Manager.
        url: "https://my-io-manager.com:4242/api",
        // Providing a callback for supplying an Auth0 access token.
        getHeaders,
        fetchIntervalMS: 10000,
        tokenRefreshIntervalMS: 15000
    }
};

const { io } = await IOBrowserPlatform(config);

For more configuration options for connecting to io.Manager, see the Configuration > Platform section.

For a complete example of using Auth0 authentication in the io.Manager Server and Admin UI, see the io.Manager Auth0 Authentication example on GitHub.