Quick Start Guide for UIFlow Web IDE

UIFlow 2 is a graphical programming IDE that is easy for everyone to use, with wireless/wired program push, program click and run, and no need to compile repeatedly. It supports 100+ M5 hardware peripherals and sensors, and supports one-click addition and expansion, effectively helping product prototype construction and speeding up the development process to the final product. In this tutorial, we will show you how to burn the UIFlow 2.x version firmware on your M5Stack device and use the UIFlow Web IDE for secondary development of the product.

1.Getting Started

Before programming with UIFlow, there are a few preparation steps:

• 1.Install the M5Burner firmware burning tool.
• 2.Use M5Burner to burn the firmware for the corresponding device, log in to your account, and configure WiFi connection for the device.
• 3.Open the UIFlow Web IDE 2.0 version , select the appropriate online device option, and click to connect.
• 4.Drag and drop blocks to edit the program, and click the Run button to debug the program.

• Additional Information:
  • M5Burner is a unified firmware burning tool introduced by M5Stack. It allows users to easily burn UIFlow firmware and write configuration information such as WiFi settings during the burning process.
  • Once the device is connected to WiFi, it will automatically be bound to the registered M5Burner.

2.Installing M5Burner

Please click on the appropriate button below based on your operating system to download the corresponding M5Burner firmware burning tool. Unzip and open the application.

注意:
MacOSusers, after installation, please move the application to theApplicationfolder as shown in the image below.
For。
Linuxusers, please navigate to the unzipped file path and run./M5Burner, in the terminal to launch the application.

3.Firmware Burning & Running Programs

Refer to the programming tutorial for the corresponding product and upload the program.