How to debug server side action in Bubble Plugin Editor?

Search for a command to run...

No comments yet. Be the first to comment.
I have included all the information related to how you can build the Bubble plugin in this series. Check my course on how to build plugin from scratch- https://nocodetalks.co/bubbleplugin
There are times when you need to convert blob data to Base64 data. Like when you integrate this Audio library it outputs the audio data as the blob data. However, Bubble's database doesn't support blob storage. Therefore, you must convert the blob da...
Most websites use CSS :hover for hover effects. You can see them in the stylesheet, copy them, move on. Framer doesn't do that. Framer uses a React animation library (Framer Motion) with a whileHove

https://www.youtube.com/watch?v=63Lkpw8fGAw Introduction to Xano: A No-Code Backend Solution When it comes to choosing the right backend service for your project, Xano emerges as a noteworthy contender. This video explores the various facets of Xan...
Hi Everyone, This newsletter will be a little different from the ones before. In this edition, I'm excited to launch the Xano Cohort program, which I will be running. The program will start on May 6th for 6 weeks. Why I am starting this: Whenever I...

Learn what workload units are in Bubble, how they are calculated, and discover actionable strategies to optimize and reduce your app's workload units for better performance and cost efficiency. One think before moving forward- If you are reading thi...

There are instances when you may need to access an element created within the Bubble editor. For example, in a plugin, you might want to return the number of characters a user types into an input element. Follow these steps: Step 1: Enable the "Expos...

If you have noticed when you write
console.log("This should be print");
in the Bubble plugin editor's action part, you can't see the text "This should be print" in the browser, making it hard to debug your plugin.

This is because the action function runs on the Bubble server, not on the browser level.
But, you can still see it. How? Follow these steps:
Step 1:
Add a test Bubble app ID to your plugin. For example, I added "youtube-test-35566".

Step 2:
Click "Go to test app" button. This opens the Bubble app editor.
Go to Logs => Server Logs and enable the following logs-
Plugin server-side output
Plugin server-side error.

Step 3:
Test your action and click the "Search" button in the logs section (don't forget to click multiple times, bubble is just... ).

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.