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

PaperColor: Flash Firmware & Run Code

1. Preparation

  • Refer to the UIFlow2 Web IDE Tutorial to understand the basic workflow of UiFlow2 and complete the installation of the M5Burner firmware burning tool.
  • Log in and register for M5Burner. After the device is successfully burned, the device information will be bound to this account.

2. Firmware Burning

  1. Enter download mode: Connect the device to the computer via a USB Type-C cable, then long press the reset button on the side to enter download mode and wait for burning.
  1. Download the firmware adapted for PaperColor in M5Burner, as shown below.
  1. Click the Burn button corresponding to the PaperColor firmware, select the corresponding device port, and click Start.
  1. Fill in the Wi-Fi configuration for 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.

When the message Burn successfully, click here to return appears, the burning is successful. At this point, you need to restart the device for the burned information to take effect.

Configuration Details

  • COM: Serial port
  • BaudRate: Baud rate for serial communication
  • Server: Server address the device connects to
  • WIFI SSID/WIFI Password: Wi-Fi name and password for the device connection
  • SNTP Server
    • SNTP0: Alibaba Cloud NTP Server (China)
    • SNTP1: Japan NTP Server Pool
    • SNTP2: Global Public NTP Server Pool
  • Timezone: Timezone setting
  • Boot Option: Sets the device startup mode after firmware burning is complete
    • run main.py directly: After burning, directly runs the program in main.py without connecting to the network and without displaying the UiFlow2 startup screen
    • show startup menu and network setup: The device connects to the network, and devices with screens will display the UiFlow2 startup screen
    • only network setup: The device only connects to the network without displaying the UiFlow2 startup screen

3. Modify Device Configuration

After firmware burning is complete, if you need to modify the device configuration, keep the USB connection, restart the device, click the Configure option in M5Burner, make modifications in the pop-up configuration interface, then click next to update the burning configuration.

4. Log in to UiFlow2

Go to the UiFlow2 page and click the user icon in the upper right corner to log in to the UiFlow2 system account.

UiFlow2 Account
This account must be the same account used to log in to M5Burner. After successful login, devices under this account that are connected to a valid Wi-Fi can be viewed by clicking Select Device. To change the device owner, you need to unbind the device from the account.

5. Enter the Programming Page

You can connect the device to UiFlow2 via USB or Pair Code to enter the programming page. The specific methods are as follows:

USB Method

  1. Connect PaperColor to the computer via a USB Type-C cable, select the PaperColor device module from the device list, and click Confirm.
  1. Click the WebTerminal button.
  1. In the pop-up dialog, select the serial port for PaperColor and click Connect.

When the WebTerminal screen displays Connected to Serial Port!, the USB connection is successful and you have entered the UiFlow2 programming page for the device.

Pair Code Method

Note
Before using the Pair Code, make sure PaperColor is connected to the network.
  1. At the bottom of the interface, set Mode to Cloud(Pair Code).
  1. Obtain the Pair Code from the UiFlow2 startup screen on the device.
  1. Click Select Code, enter the Pair Code in the pop-up interface, then click Add Device to connect PaperColor to UiFlow2.
Pair Code Notes
1. Switching browsers, using private/incognito mode, or clearing UiFlow website cache will invalidate the existing pairing status.
2. Simply closing the tab, restarting the browser, or logging in/out of an account will not affect the established pairing relationship.
3. Once a device is paired with another browser, the pairing relationship in the original browser will immediately become invalid.

6. RUN

After completing the above steps, you can start programming with UiFlow2.

On This Page