hi there,
i’m looking for any information on how to integrate removebg to my app. Would appreciate if anyone know if there’s any tutorial i could learn from. Thank you all.
I have decided to give this a shot as a personal learning. See the demo below:
Simply, it is an API call with some careful structure.
-
Get your API key on removebg.
-
The documentation has an example curl call from image URLs: Background Removal API – remove.bg
-
The main idea in Bubble is:
a. You select a picture,
b. Upload it to Bubble database, and
c. Pass it on to the removeBG API call. -
This is how the API connector is structured. Be aware that datatype is image (so the API call is returning an image) and it has a body.
-
The select picture and upload part of bubble is straight forward. You select a picture and upload it to your database:
-
And the image down there is just doing the actual API call for the last uploaded image. I had to add
http:before the URL, because otherwise, it is complaining.
Tips:
- Probably, you need to store the image coming from the API call in Bubble. I don’t know removebg deletes the images after some time (probably).
- Probably, you need to protect your API key in the backend, meaning that you should do this call in the backend.
I know it looks like a lot. But hey, it is something 
See the full example here: Test for Forum 12 | Bubble Editor
3 Likes
omg, thank you so much for the effort. Thank you so very much hergin!