How to connect to Webflow Data in DBVisualizer

The CData API Driver for JDBC implements JDBC standards to provide connectivity to Webflow data in applications ranging from business intelligence tools to IDEs. This article shows how to establish a connection to Webflow data in DBVisualizer and use the table editor to load Webflow data.

Create a New Driver Definition for Webflow Data

Follow the steps below to use the Driver Manager to provide connectivity to Webflow data from DBVisualizer tools.

1. In DBVisualizer, click Tools -> Driver Manager.
2. Click the plus sign "" to create a new driver.
3. Select "Custom" as the template.
4. On the Driver Settings tab:
   • Set Name to a user-friendly name (e.g. "CData Webflow Driver")
   • Set URL Format to jdbc:api:
   • In Driver artifacts and jar files (jars are loaded in order from top):
     1. Click the plus sign "" -> "Add Files"
     2. Navigate to the "lib" folder in the installation directory (C:\Program Files\CData API Driver for JDBC XXXX\)
     3. Select the JAR file (cdata.jdbc.API.jar) and click "Open"
     
5. The Driver Class should populate automatically. If not, select class (cdata.jdbc.api.APIDriver).

Define the Connection to the JDBC Data Source

Close the "Driver Manager" and follow the steps below to save connection properties in the JDBC URL.

1. In the "Databases" tab, click the plus sign "" and select the driver you just created.

2. In the "Connection" section, set the following options:

   • Database Type: If you selected the wizard option, the database type is automatically detected. If you selected the "No Wizard" option, select the Generic or Auto Detect option in the Database Type menu.
   • Driver Type: Select the driver you just created.

   • Database URL: Enter the full JDBC URL. The syntax of the JDBC URL is jdbc:api: followed by the connection properties in a semicolon-separated list of name-value pairs.

     Authentication

     Webflow uses OAuth 2.0 authentication to ensure secure access to sites, CMS collections, e-commerce data, and other resources. This authentication method allows you to securely connect to your Webflow workspace and manage resources with proper authorization.

     OAuth 2.0 Setup and Configuration

     Step 1: Create a Webflow OAuth Application

     To set up OAuth authentication:

     1. Visit the Webflow Developer Portal
     2. Navigate to "Apps & Integrations" in your Webflow account
     3. Click "Register an App" to create a new OAuth application
     4. Configure the application name, description, and redirect URI (CallbackURL)
     5. Copy the Client ID and Client Secret for use in your connection

     Required Connection Properties

     • AuthScheme: Set this to OAuth (required)
     • OAuthClientId: Client ID from your Webflow OAuth application (required)
     • OAuthClientSecret: Client secret from your Webflow OAuth application (required)
     • CallbackURL: Redirect URI specified in your OAuth application (required)
     • InitiateOAuth: Set to GETANDREFRESH for automatic token management (recommended)

     Required OAuth Scopes

     The Webflow API Profile requires the following OAuth scopes:

     • sites:read - Read access to site information and configuration
     • pages:read - Read access to site pages
     • cms:read - Read access to CMS collections and items
     • forms:read - Read access to forms and form submissions
     • assets:read - Read access to media assets and folders
     • ecommerce:read - Read access to products, orders, and inventory
     • authorized_user:read - Read access to the authorized user

     Built-in Connection String Designer

     For assistance in constructing the JDBC URL, use the connection string designer built into the Webflow JDBC Driver. Either double-click the JAR file or execute the jar file from the command-line.

     java -jar cdata.jdbc.api.jar
     

     Fill in the connection properties and copy the connection string to the clipboard.

     

     When you configure the JDBC URL, you may also want to set the Max Rows connection property. This will limit the number of rows returned, which is especially helpful for improving performance when designing reports and visualizations.

     A typical connection string is below:

     jdbc:api:Profile=C:\profiles\Webflow.apip;AuthScheme=OAuth;InitiateOAuth=GETANDREFRESH;OAuthClientId=your_client_id;OAuthClientSecret=your_client_secret;CallbackUrl=your_callback_url;
     

   • NOTE: Since Webflow does not require a User or Password to authenticate, you may use whatever values you wish for Database Userid and Database Password.
3. On the Connection tab, click Connect.

To browse through tables exposed by the Webflow JDBC Driver, right-click a table and click "Open in New Tab."

To execute SQL queries, use the SQL Commander tool: Click SQL Commander -> New SQL Commander. Select the Database Connection, Database, and Schema from the available menus.

See the "Supported SQL" chapter in the help documentation for more information on the supported SQL. See the "Data Model" chapter for table-specific information.

More Information & Free Trial

Download a free, 30-day trial of the CData API Driver for JDBC and start working with your live Webflow data in DbVisualizer. Join the CData Community or reach out to our Support Team if you have any questions.