Call API inside the action in Bubble Plugin

Call API inside the action in Bubble Plugin

Play this article

There are times when you need to call the API within the action section instead of the API section, but how do you do it?

Let me demonstrate with an example.

I will call this GET API: api.thecatapi.com/v1/images/search

GET API Example -
Copy and paste this code into the action function.


    const response = await fetch('https://api.thecatapi.com/v1/images/search')
    const body = await response.json()
    const cat_image = body[0].url

    return {
        "cat_image":cat_image 
    }

POST API Example-

 const url = 'https://dummy.restapiexample.com/api/v1/create';
//body request
  const data = {
    name: 'value1',
    salary: 'value2',
    age: 'value2'
  };    


  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(data)
    });

    const responseData = await response.json();
    console.log('Success:', responseData);
  } catch (error) {
    console.error('Error:', error);
  }

That's all for this blog. Subscribe for more future updates. Thank you!

Follow me on Twitter.

Checkout My Bubble Plugin Course - Use coupon code "THEBUBBLEGROUP" at checkout for 10% discount.