Running and Testing Your App
Running Your Project
After generating or modifying code (either manually or via AI), you'll want to test your application. Locate the "Run" button, usually found in the bottom-left corner of the main project editor screen.
Running involves a couple of steps triggered by this button:
- Initial Click: Tap "Run" once. This starts the preparation process.
- Second Click (Confirmation): You'll likely need to tap "Run" again when prompted or after a brief moment. This second step performs crucial actions:
- Copies the necessary project files to a temporary build/release folder.
- Downloads and installs the NPM dependencies listed in your
dependencies.txtfile (see Project Structure). - Prepares the web view environment.
Wait for the process to complete; status updates are usually shown.
Viewing Your App
Once the run process finishes successfully, a "View" button (often appearing near the "Run" button) will become active.
Click the "View" button. This will open your web-based game or application within an integrated web view component inside the Bulifier AI app, allowing you to interact with it directly.
Using the Console Logs
While your app is running in the "View" mode, Bulifier provides a console output area. Any messages generated by your JavaScript code using console.log(), console.warn(), console.error(), etc., will appear here in real-time.
This is essential for debugging. If your app isn't behaving as expected, check the console for error messages or use console.log() statements in your code to track variable values or execution flow.
You can typically select and copy text directly from this console area. This is very useful for sharing error details with the AI when asking for help (see Updating Your Project).