Bubble.io and Garmin Connect integration: Step-by-Step Guide 2024

Integrating Bubble.io with Garmin Connect can be a unique method for linking web app development with fitness tracking. In this guide, we'll teach you how to integrate Bubble.io with Garmin Connect via APIs. It's important to note that this method can be complex and may require a basic understanding of API integration.

Before starting the integration, you need an active account on Bubble.io, Garmin Connect, and access to the Garmin Connect API.

Step 1: Register For Garmin Connect API Account

• Visit the Garmin connect API page: https://developer.garmin.com/gc-developer-program/overview/
• Click on the "Request API Access" button and fill in the necessary details.

Step 2: Set Up Bubble.io

• Sign up or sign in to Bubble.io on the following site: https://bubble.io/
• Create a new project by clicking on 'New project' on the homepage.
• Choose a name for your application and then click on the 'Create' button.

Step 3: Access API Connector on Bubble.io

• Inside your application, navigate to the "Plugins" tab in the left sidebar and click to 'Add plugins'.
• Search for "API Connector" and add it to your application.

Step 4: Add Garmin Connect API to Bubble.io

• After API Connector is added, a new API option will appear in the plugins tab, open it.
• Click on the 'Add another API' button.
• Enter the name for API as 'Garmin Connect' and fill out the 'Base URL' (this should be available in Garmin Connect API documentation).

Step 5: Get your Garmin Connect API Info

• Go back to Garmin Connect Developer page and access your API information.
• Get your Client ID and Client Secret, you will need these for the next step.

Step 6: Enter API Information in Bubble.io

• Navigate back to your Bubble.io API Connector for Garmin Connect.
• Choose 'Authentication' type as 'OAuth2'.
• Enter your Garmin Connect API 'Client ID' as the 'Client ID', and 'Client Secret' as the 'Secret Key'.
• Set up the 'Token endpoint' and 'Authorization endpoint' as per Garmin Connect's API documentation.
• Configure the 'scope' according to the permissions you are willing to request from users.
• Click on 'Initialize API'.

Step 7: Start calling the Garmin Connect API

• Now that the API is initialized, you can create calls in Bubble.io to perform fetch, post, put, delete operations.
• Create a new call by clicking on 'Add another call'.
• Enter the details for your API call, for example, you can use 'GET' call deal for retrieving user data. For the endpoint ('/userinfo'), setup headers and URL parameters as per the Garmin Connect API documentation.
• Test the API by clicking on 'Run' or 'Initialize call', and correct any errors if they appear.

Step 8: Use API Data in Bubble.io

• After finishing setup and testing, you can use your data in the Bubble.io app.
• To do this, navigate to the 'Workflow' or 'Data' tabs inside your Bubble.io application. Extract the desired data by selecting the right API call as data source.

All set! Remember that understanding and using APIs can be complex, and this integration might need some specific adjustments, depending on the specific functions you want to perform with Garmin Connect data. When in doubt, consult API documentation and remember to respect all data privacy guidelines.