UIFlow Guide
UiFlow1 Quick Start
2. Firmware & Program 1.0
UiFlow1 Blockly
Event
UI
Unit
Module
Hat
UiFlow1 Project
UiFlow2 Quick Start
2. Firmware & Program 2.0
Desktop IDE
Quick Start Guide for UiFlow1 Web IDE
UIFlow is a graphical programming IDE that everyone can easily use,
supports wireless/wired program push, program can be run by clicking on it, no need to compile repeatedly. It supports 100+ M5 hardware peripherals and sensors, supports one-click addition and expansion, effectively assists in product prototype construction and accelerates the development process to final productization. In this tutorial, we will introduce how to burn UIFlow 1.x version firmware on your M5Stack device and use UIFlow Web IDE for secondary development of the product.
1. Getting Started Process
Several preparation steps before using UIFlow for programming:
- Install M5Burner firmware burning tool.
- Use M5Burner to burn the firmware of the corresponding device, configure a WiFi connection for the device, and obtain the API KEY of the device.
- Open UIFlow Web IDE version 1.0 , select the corresponding device option, and fill in the API KEY of the device.
- Drag blockly to edit the program, and click the
Runbutton to debug the program.
- Drag blockly to edit the program, and click the
- Replenish:
- M5Burner is a unified firmware burning tool launched by M5Stack. Through this tool, users can easily burn UIFlow firmware and write WiFi and other configuration information together during burning.
- API KEY is the key used by UiFlow1 to distinguish devices. This key will be generated when the device completes UIFlow firmware burning. UIFlow Web IDE implements remote push of the program by specifying the same API KEY as the device.
2.M5Burner installation
Please click the button below to download the corresponding M5Burner firmware burning tool according to the operating system you are using. Unzip and open the application.
| Software version | Download link |
|---|---|
| M5Burner_Windows | Download |
| M5Burner_MacOS | Download |
| M5Burner_Linux | Download |
3. Firmware burning & running program
Refer to the program burning tutorial of the corresponding product and upload the program.
| Chip | Product Name | Learn |
|---|---|---|
| ESP32 | Basic/Fire/Gray/M5GO | Burning Tutorial |
| ESP32 | Core2/Core2 For AWS | Burning Tutorial |
| ESP32 | Tough | Burning Tutorial |
| ESP32 | StickC | Burning Tutorial |
| ESP32 | StickC-Plus | Burning Tutorial |
| ESP32 | StickC-Plus2 | Burning Tutorial |
| ESP32 | Atom-Matrix | Burning Tutorial |
| ESP32 | Paper | Burning Tutorial |
| ESP32 | CoreInk | Burning Tutorial |
| ESP32 | Station-Bat | Burning Tutorial |
| ESP32 | Atom Display | Burning Tutorial |