Acme Calendar

Your connected calendar application

Step 1: User Initiates Login

Description

The user arrives at acmecalendar.com and clicks the login button. This login button will point to the /idp route of the auth service and include the Connected App Client credentials as query parameters in the URL.

URL

acmecalendar.com

Visual Preview

Acme Calendar

Manage your schedule across all Acme apps

Example Code


// Connected App Client
const client = {
  id: "connected-app-live-xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
  secret: "xxxxxx",
  response_type: "code",
  scope: "openid profile email phone",
  redirect_uri: "https://acmecalendar.com/auth"
}

//Login Button URL
const url = "https://accounts.acme.com/idp?response_type=" + client.response_type + "&client_id=" + client.id + "&redirect_uri=" + client.redirect_uri + "&scope=" + client.scope