Cloud Variable Viewer
Last updated
Last updated
The Cloud Variable Viewer is a powerful tool within our Design Editor that allows you to monitor your cloud variables in real-time as you test your app. With this feature, you can easily view your cloud data, making the development process smoother and more efficient.
To start using the Cloud Variable Viewer, you'll need to set up a Firebase account. Once you have your Firebase account ready, enter your Database URL and API Key in the Projects Settings. For detailed instructions, check out our guide on how to Connect a Firebase Realtime Database.
The Cloud Variable Viewer makes it easy to find and use the exact path to any piece of data in your database:
Search: Begin by searching for the specific data you're interested in.
View Path: Once you've found the record, click on it to reveal its path at the top of the viewer.
Copy Path: If you need to use this path in your app, click the edit icon next to it. The path will convert to text, which you can then copy and use directly in your cloud variable blocks.
Identify Value Type: Look at the color of the value to determine its type. Green indicates text, while red indicates a number.
Example 1:
Imagine you want to retrieve the total points earned in a game. The Cloud Variable Viewer helps you quickly locate the correct variable name and path so you can use it in your app:
Example 2:
Suppose you want to retrieve the first question of the quiz. The Cloud Variable Viewer will help you find the correct path to that question, so you can easily use it in your app:
The Cloud Variable Viewer is also a great tool for testing and troubleshooting your app's cloud variables:
Real-Time Updates: As you interact with your app the Cloud Variable Viewer automatically refreshes to show the new value.
This real-time visibility allows you to verify that your app is working as expected and helps you quickly identify and fix any issues.
For example, when the button is clicked the value of the cloud variable totalpoints is updated.
The Cloud Variable Viewer automatically refreshes when you make a change and displays the new value.
