Authenticate with Dropbox

You can authenticate with Dropbox to create your own instance of the Dropbox element through the UI or through APIs. Once authenticated, you can use the element instance to access the different functionality offered by the Dropbox platform.

Authenticate Through the UI

Use the UI to authenticate with Dropbox and create an element instance. Dropbox authentication follows the typical OAuth 2 framework and you will need to sign in to Dropbox as part of the process.

If you are configuring events, see the Events section.

To authenticate an element instance:

1. Sign in to Cloud Elements, and then search for Dropbox in our Elements Catalog.
2. Hover over the element card, and then click Authenticate.
3. Enter a name for the element instance.
4. For Dropbox Business, enter your App key and App secret in API Key and API Secret.
5. With Document Hub Tagging select whether you want to enable document tagging.
6. Optionally type or select one or more Element Instance Tags to add to the authenticated element instance.
7. Click Create Instance.
8. Provide your Dropbox credentials, and then allow the connection.

After successfully authenticating, we give you several options for next steps. Make requests using the API docs associated with the instance, map the instance to a virtual resource, or use it in a formula template.

Authenticate Through API

Authenticating through API is a multi-step process that involves:

• Getting a redirect URL. This URL sends users to the vendor to log in to their account.
• Authenticating users and receiving the authorization grant code. After the user logs in, the vendor makes a callback to the specified url with an authorization grant code.
• Authenticating the element instance. Using the authorization code from the vendor, authenticate with the vendor to create an element instance at Cloud Elements.

Getting a Redirect URL

Use the following API call to request a redirect URL where the user can authenticate with the vendor. Replace {keyOrId} with the element key, dropbox.

GET /elements/{keyOrId}/oauth/url?apiKey=<api_key>&apiSecret=<api_secret>&callbackUrl=<url>&siteAddress=<url>

Query Parameters

Example cURL

curl -X GET
-H 'Content-Type: application/json'
'https://api.cloud-elements.com/elements/api-v2/elements/dropbox/oauth/url?apiKey=fake_api_key&apiSecret=fake_api_secret&callbackUrl=https://www.mycoolapp.com/auth&state=dropbox'

Example Response

Use the oauthUrl in the response to allow users to authenticate with the vendor.

{
"element": "dropbox",
"oauthUrl": "https://www.dropboxbusiness.com/api/oauth2/authorize?response_type=code&client_id=insert_dropbox_client_id0&redirect_uri=https://www.mycoolapp.com/auth&state=dropboxbusiness"
}

Authenticating users and receiving the authorization grant code

Provide the response from the previous step to the users. After they authenticate, Dropbox provides the following information in the response:

• code
• state

Authenticating the Element Instance

Use the /instances endpoint to authenticate with Dropbox and create an element instance. If you are configuring events, see the Events section.

To create an element instance:

1. Construct a JSON body as shown below (see Parameters):

           {
             "element": {
               "key": "dropbox"
             },
             "providerData": {
               "code": "<AUTHORIZATION_GRANT_CODE>"
             },
             "configuration": {
               "oauth.api.key": "<CLIENT_ID>",
               "oauth.api.secret": "<CLIENT_SECRET>",
               "oauth.callback.url": "https://www.mycoolapp.com/auth"
             },
             "tags": [
               "<ADD_YOUR_TAGS>"
             ],
             "name": "<INSTANCE_NAME>"
           }
   

2. Call the following, including the JSON body you constructed in the previous step:

   POST /instances
   

   Note: Make sure that you include the User and Organization keys in the header. See the Overview for details.

3. Note the Token and ID and save them for all future requests using the element instance.

Example cURL

curl -X POST \
  https://api.cloud-elements.com/elements/api-v2/instances \
  -H 'authorization: User <USER_SECRET>, Organization <ORGANIZATION_SECRET>' \
  -H 'content-type: application/json' \
  -d '{
    "element": {
      "key": "dropbox"
    },
    "providerData": {
      "code": "8aa74ff8ae16ba3ca19d12cbdea83aff16bddcd7"
    },
    "configuration": {
      "oauth.api.key": "xxxxxxxxxxxxxxxxxx",
      "oauth.api.secret": "xxxxxxxxxxxxxxxxxxxxxx",
      "oauth.callback.url": "https://mycoolapp.com/auth"
    },
    "tags": [
      "Test"
    ],
    "name": "API Instance"
  }'

Parameters

API parameters not shown in Cloud Elements are in code formatting.

Example Response for an Authenticated Element Instance

{
  "id": 58992,
  "name": "API Instance",
  "createdDate": "2017-08-03T14:41:52Z",
  "token": "5MOxxxxxxxxxxxxxxxxxxxxxxxxx",
  "element": {
      "id": 14,
      "name": "Dropbox",
      "key": "dropbox",
      "description": "Add a Dropbox Instance to connect your existing Dropbox account to the Cloud Storage and Documents Hub, allowing you to manage files and folders. You will need your Dropbox account information to add an instance.",
      "image": "elements/provider_dropbox.png",
      "active": true,
      "deleted": false,
      "typeOauth": true,
      "trialAccount": false,
      "configDescription": "If you do not have an Dropbox account, you can create one at <a href=\"http://www.dropbox.com\" target=\"_blank\">Dropbox Signup</a>",
      "signupURL": "http://www.dropbox.com",
      "transformationsEnabled": false,
      "bulkDownloadEnabled": false,
      "bulkUploadEnabled": false,
      "cloneable": false,
      "extendable": false,
      "beta": false,
      "authentication": {
        "type": "oauth2"
      },
      "extended": false,
      "hub": "documents",
      "protocolType": "http",
      "parameters": [  ],
      "private": false
    },
    "provisionInteractions": [  ],
    "valid": true,
    "disabled": false,
    "maxCacheSize": 0,
    "cacheTimeToLive": 0,
    "configuration": {  },
    "eventsEnabled": false,
    "traceLoggingEnabled": false,
    "cachingEnabled": false,
    "externalAuthentication": "none",
    "user": {
        "id": 12345
    }
  }