Integrate Webflow Data in the Pentaho Report Designer

Jerod Johnson
Jerod Johnson
Director, Technology Evangelism
Publish reports based on Webflow data in the Pentaho BI tool.

The CData JDBC driver for Webflow data enables access to live data from dashboards and reports. This article shows how to connect to Webflow data as a JDBC data source and publish reports based on Webflow data in Pentaho.

Connect and Create a Report

  1. Copy the JAR file of the driver, located in the lib subfolder of the installation directory, to the \Report-Designer\lib\jdbc\ folder in the Pentaho directory.
  2. Run the report-designer.bat file in the \Report-Designer\ folder to open the Report-Designer UI.
  3. Create a new data source with the driver by clicking Data -> Add Data Source -> Advanced -> JDBC (Custom) and then creating a new Webflow connection. In the resulting dialog, configure the connection properties as shown below.

    • Custom Connection URL property: Enter the JDBC URL. This starts with jdbc:api: and is followed by a semicolon-separated list of connection properties.

      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.

      Below is a typical JDBC URL:

      jdbc:api:Profile=C:\profiles\Webflow.apip;AuthScheme=OAuth;InitiateOAuth=GETANDREFRESH;OAuthClientId=your_client_id;OAuthClientSecret=your_client_secret;CallbackUrl=your_callback_url;
    • Custom Driver Class Name: Enter cdata.jdbc.api.APIDriver.
    • User Name: The username to authenticate with.
    • Password: The password to authenticate with.

Add Webflow Data to a Report

You are now ready to create a report with Webflow data.

  1. Add the Webflow source to your report: Click Data -> Add Data Source -> JDBC and select the data source.

  2. Configure the query. This article uses the one below:

    SELECT ,  FROM Sites WHERE Id = 'your_site_id'
  3. Drag a chart onto your report and double-click it to edit the chart. Run the report to display the chart. You can use the results of this query to create a simple chart for the Sites table.
  4. Finally, run the report to see the chart.

Ready to get started?

Connect to live data from Webflow with the API Driver

Connect to Webflow