External authentication

The withProvider method enables your Forge app to communicate with an API that requires OAuth 2.0 tokens. Access is via the asUser method, in the @forge/api package.

1
2
import api from '@forge/api';

const response = await api.asUser()
      .withProvider('google', 'google-apis')
      .fetch('/userinfo/v2/me');

1
2
export interface ExternalAuthAccount {
    id: string;
    displayName: string;
    avatarUrl?: string;
    scopes: string[];
}
export interface ExternalAuthAccountMethods {
    hasCredentials: (scopes?: string[]) => Promise<boolean>;
    requestCredentials: (scopes?: string[]) => Promise<boolean>;
    fetch: FetchMethodAllowingRoute;
    getAccount: () => Promise<ExternalAuthAccount | undefined>;
}
export interface ExternalAuthFetchMethods extends ExternalAuthAccountMethods {
    listAccounts: () => Promise<ExternalAuthAccount[]>;
    asAccount: (externalAccountId: string) => ExternalAuthAccountMethods;
}
export interface ExternalAuthFetchMethodsProvider {
    withProvider: (provider: string, remoteName?: string) => ExternalAuthFetchMethods;
}

hasCredentials

Determines whether the user has already granted those specific scopes. If scopes is provided, the function will check whether user grants those scopes.

Method signature

1
2
api.asUser().withProvider(provider).hasCredentials(scopes?: string[]) => Promise<boolean>

Example usage

1
2
const [data] = useState(async () => {
  const google = api.asUser().withProvider('google', 'google-apis');
  if (!await google.hasCredentials()) {
    await google.requestCredentials();
  }
  const response = await google.fetch('/userinfo/v2/me');
  ...
})

requestCredentials

Triggers the OAuth 2.0 consent flow. The app is replaced with a button for the user to select to start the flow. During consent flow, the user will be asked to grant consent to the list of scopes provided in the function. If scopes is not provided, then the user will be asked to grant all scopes of the auth provider defined in the manifest file.

When you want to ask for some missing scopes, make sure you also ask for scopes that user already granted. To obtain granted scopes, use getAccount or listAccounts calls.

1
2
api.asUser().withProvider(provider).requestCredentials(scopes?: string[])

Example usage

1
2
const google = api.asUser().withProvider('google', 'google-apis');
if (!await google.hasCredentials()) {
  await google.requestCredentials()
}

//another example with scopes provided
const profileScopes = [
  'https://www.googleapis.com/auth/userinfo.profile',
  'https://www.googleapis.com/auth/userinfo.email',
];
if (!await google.hasCredentials(profileScopes)) {
  //ask for profileScopes and any scope that user already granted
  await google.requestCredentials([...new Set([...profileScopes, ...google.getAccount().scopes])])
}``

fetch

Before using fetch for authenticated requests, ensure the user is valid with hasCredentials or requestCredentials. If the user is not authenticated, an exception is raised.

Once a user is authenticated, the fetch method automatically includes their authentication token for each request.

1
2
fetch(url[, options])

getAccount

Return the account information of an ExternalAuthAccount. This account information includes:

• id: the unique ID for each account obtained from ProfileRetriever
• displayName: the displayName obtained from ProfileRetriever
• avatarUrl: the avatarUrl obtained from ProfileRetriever
• scopes: the list of scopes that the user granted

The returned account will be used to call external API via fetch. If the user has no integrated external accounts, this function will return undefined.

Method signature

1
2
api.asUser().withProvider(provider).getAccount()

listAccounts

A user can integrate multiple external accounts to the Forge app. This function returns all information about those integrated accounts.

Method signature

1
2
api.asUser().withProvider(provider).listAccounts()

asAccount

Specify which account should be used to call an external API. Use the id (provided by listAccounts) for this call.

Method signature

1
2
api.asUser().withProvider(provider).asAccount(externalAccountId: string)

Example usage

1
2
// example on how to switch to account whose displayName is `example@gmail.com` to make API call
const selectedDisplayName = 'example@gmail.com'
const selectedAccount = (await google.listAccounts()).find(account => account.displayName == selectedDisplayName);
const response = await google.asAccount(selectedAccount.id).fetch('/userinfo/v2/me');

AuthProfile

The return value of a dynamic profile retriever should be an AuthProfile object. See the dynamic profile retriever guide for more information.

1
2
AuthProfile({id, displayName, avatarUrl})

Example usage

1
2
interface ProfileRetrieverParameters {
  status: number;
  body: {
    [key: string]: any;
  };
}

export const retriever = (response: ProfileRetrieverParameters) => {
  const { status, body: externalProfile } = response;

  if (status === 200){
    return new AuthProfile({
      id: externalProfile.user.id,
      displayName: externalProfile.user.name,
    });
  } else {
    // handle error
  }
}

withProvider

1
2
withProvider(provider[, remoteName])