Bubble.io and JFrog Artifactory integration: Step-by-Step Guide 2024

Bubble.io is a platform built primarily for non-technical people to build comprehensive web applications. The advantage is that it allows users with no extensive programming skill to create custom software and apps with a complex, feature-rich interface.

However, to integrate Bubble.io with JFrog Artifactory, a certain degree of skill-set is required, specifically working knowledge of APIs and a basic understanding of how Bubble.io and JFrog Artifactory works.

Following is the step-by-step guide on how to integrate Bubble.io with JFrog Artifactory.

Step 1: Familiarize yourself with JFrog Artifactory

Get to know how JFrog Artifactory works and understand its API documentation. JFrog Artifactory is an artifact repository manager, which fully supports software packages created by any language or technology. The following link will guide you to access the JFrog Artifactory REST API documentation:

https://www.jfrog.com/jfrog-artifactory-api/

Step 2: Setup a JFrog Artifactory account

To integrate Bubble.io with JFrog Artifactory, you first need to set up an account in JFrog Artifactory.

Head over to the official JFrog website (https://jfrog.com/getartifactory/) to create an account and set up an instance of JFrog Artifactory if you haven’t done so already.

Step 3: API Key

Once your JFrog Artifactory account is setup, you need to fetch the API Key which is necessary for setting up the integration. This can be obtained from the Profile section under Administration.

Step 4: Bubble.io setup

Now, create an account at Bubble.io if you haven't already and then, create an app.

In the Bubble.io editor, go to the Data tab and then the API section. Choose to add an API connection and give it any name you prefer.

Step 5: Configuring the API call

Now that you’ve initiated the addition of a new API, you would be face-to-face with a host of configurations on how you want the API to behave.

5.1 mode:

Select POST if you want to transfer some data to Artifactory. If you want to receive data from Artifactory, select GET.

5.2 URL:

Put your base JFrog Artifactory URL here. More information can be obtained from Artifactory API documentation.

5.3 Header

In the Headers section, click on Add another header and put “Content-Type” as the Key and the type of content (generally “application/json”) as the value.

Similarly, add another header named "Authorization" and input "Bearer " + as the value.

Most of the calls to Artifactory API require you to have an API Key header where you mention your API Key.

Step 6: Initializing the call

Once everything is set up, initialize the call to ensure that everything is working fine till now. Initializing the call is testing the API call with a test data and seeing if you get a response back.

Depending on whether you’ve set up a POST call or a GET call, put in some test data (for POST) or test parameters (for GET) and then click on “Initialize this call”

Bubble.io will provide you with the response status and format of the data

You can also manually fill this data format which will be useful when setting up workflows in your app.

Step 7: Setting up workflows

Bubble.io provides you with a visual editor where you can set up workflows (logic of your app), so based on the data/response you get, you can build a workflow.

Now you have integrated JFrog Artifactory with your Bubble.io app. From this point, you can perform all the operations that the Artifactory API supports like creating new projects, getting details about existing projects, updating details and even deleting them. The sky is the limit!

Remember, the above steps are a brief guideline on how to integrate with Bubble.io with JFrog Artifactory. For detailed knowledge about both the platforms, refer to their official documentation. For further queries, please ask them to the documentation/forum/support of each platform i.e., Bubble.io and JFrog Artifactory.