API Call within Bubble Plugin Action

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: https://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.

https://nocodetalks.co/bubbleplugin

Call API inside the action in Bubble Plugin

Comments

Bubble Plugin

Call API inside the element in Bubble Plugin

More from this blog

Capturing hover effects that only exist in JavaScript (Puppeteer + MutationObserver)

Is Moving to Xano the Right Choice for Your Project?

Launching Xano Cohort Program

Mastering Workload Units in Bubble: Strategies for Efficiency

Easy Guide to Referencing Bubble Elements Within Bubble Plugin

Command Palette

Comments

Bubble Plugin

Call API inside the element in Bubble Plugin

More from this blog