English
English
简体中文
日本語
pdf-icon

UiFlow Tutorial

UiFlow1 Development Guide

Project Management

Use LTE network

UiFlow1 Blockly

Event

Unit

UiFlow2 Development Guide

UI Editor

Device Security & Sharing

Air Quality: Flash Firmware & Run Code

1. UiFlow2 Firmware Burning

  1. Refer to the UiFlow2 Web IDE tutorial to learn the basic workflow of UiFlow2 and complete the installation of the M5Burner firmware burning tool.
  2. In M5Burner, download the firmware compatible with Air Quality, as shown below.
  1. Connect the device to the computer via USB cable. In M5Burner, click the Burn button for the corresponding firmware, select the corresponding device port, and click Start.
  1. Enter the Wi-Fi configuration required by the device, including Wi-Fi SSID and Wi-Fi Password, as well as any other device configurations that need to be added or modified. Then click Next to start burning.

Configuration information description:

  • COM: Select the serial port corresponding to the device
  • BaudRate: Baud rate for serial communication
  • Server: Server address the device connects to
  • WIFI SSID / WIFI Password: Wi-Fi name and password the device connects to
  • SNTP Server
    • SNTP0: Alibaba Cloud NTP server (China)
    • SNTP1: Japan NTP server pool
    • SNTP2: Global public NTP server pool
  • Timezone: Time zone setting
  • Boot Option: Set the device startup mode after firmware burning is complete
    • run main.py directly: After burning is complete, directly run the program in main.py without connecting to the network or displaying the UiFlow2 startup screen
    • show startup menu and network setup: The device connects to the network, and devices with a screen will display the UiFlow2 startup screen
    • only network setup: The device only performs network setup and does not display the UiFlow2 startup screen
  1. When Burn successfully, click here to return is displayed, the burning is successful. Reset the device at this time.
  1. After firmware burning is complete, if you need to modify the device configuration, keep the USB connection, restart the device, click the Configure option, and modify the settings according to the on-screen prompts.

2. Device Connection

The device supports connecting to UiFlow2 via Access Code (wireless network) or USB (wired connection to a computer) for program upload and debugging. For details, refer to the following tutorials:

Access Code Wireless Connection

  1. Before connecting, make sure the device is connected to the network. If the device is not connected to the network, confirm whether the Wi-Fi name and password entered during firmware burning are correct. You can modify them through the Configure option in M5Burner, and then burn again.

  1. View the currently generated valid Access Code on the device's UiFlow2 startup screen.
  1. Visit uiflow2.m5stack.com to open the UiFlow2 Web IDE.
  2. Click Select Your Controller (displayed on first entry) or the Controller button on the page to enter the Select Device page.
  1. Click Connect Device, enter the access code and a custom device name, then click Confirm to connect Air Quality to UiFlow2.

USB Wired Connection

  1. Visit uiflow2.m5stack.com to open the UiFlow2 Web IDE, and connect Air Quality to the computer via USB cable.
  2. Click Select Your Controller (displayed on first entry) or the Controller button on the page to enter the Select Device page.
  1. Select the Air Quality device from the device list, and click Confirm.
  1. Click the WebTerminal button. In the pop-up window, select the Air Quality serial port, and click Connect.

When Connected to Serial Port! is displayed on the WebTerminal screen, the USB connection is successful.

3. Run and Download Programs

After the device is connected to UiFlow2, you can drag Blockly blocks to edit programs.

After editing the program, click the Run Once button in the lower-right corner of the interface to run the test program once. Click the Run Always button to download the program to the device.

You can also run once or download the program in the WebTerminal window.

Built-in Peripheral Development

On This Page