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

Unit PoE-P4: Flash Firmware & Run Code

1. UiFlow2 Firmware Flashing

  1. Refer to the UiFlow2 Web IDE Tutorial to learn the basic workflow of UiFlow2 and complete the installation of the M5Burner firmware flashing tool.

  2. Download the firmware for Unit PoE-P4 in M5Burner, as shown below.

  1. Connect the device to the computer with a USB Type-C cable, then press and hold the side button for 3 seconds until the green LED lights up. The device enters download mode and waits for flashing.
  1. In M5Burner, click the Burn button for the corresponding firmware, select the device port, and click Start.
  1. Fill in the relevant configuration information, then click Next to start flashing.

Configuration information:

  • Server: Server address 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 boot mode after firmware flashing is complete
    • Run main.py directly: After flashing is complete, run the program in main.py directly 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
  • Net Mode: Network mode
  • Eth Mode: Ethernet mode
    • DHCP: Dynamic Host Configuration Protocol
    • Static: Static IP mode

When Burn successfully, click here to return is displayed, flashing is successful.

2. Device Connection

The device supports connecting to UiFlow2 via Access Code (Ethernet) or USB (wired connection to a computer) for program pushing and debugging. Refer to the following steps:

Access Code Wireless Connection

  1. Visit uiflow2.m5stack.com to open the UiFlow2 Web IDE.

  2. Make sure the device is connected to an Ethernet cable and has started normally, then obtain the Access Code: click WebTerminal in the lower-left corner of the interface, select the serial port for Unit PoE-P4 in the dialog, then click Connect to open the serial monitor. You can view the current valid Access Code and Ethernet connection status. (Note: If the corresponding information is not displayed, click Soft Reset to perform a soft reboot.)

  1. Click Select Your Controller on the page (shown on first entry) or the Controller button to enter the Select Device page.
  1. Click Connect Device, enter the access code and a custom device name, then click Confirm to connect Unit PoE-P4 to UiFlow2.
Access Code Description
1. Changing browsers, using private / incognito mode, or clearing the UiFlow website cache will invalidate the original pairing state.
2. Closing only the tab, restarting the browser, logging in, or logging out will not affect a bound pairing relationship.
3. Once the device is bound and paired by another browser, the original browser's pairing relationship becomes invalid immediately.
  1. Select the connected Unit PoE-P4 device on the Select Device page, then click Confirm to enter the UiFlow2 programming interface.

USB Wired Connection

  1. Visit uiflow2.m5stack.com to open the UiFlow2 Web IDE, and connect Unit PoE-P4 to the computer with a USB cable.

  2. Click Select Your Controller on the page (shown on first entry) or the Controller button to enter the Select Device page.

  1. Select Unit PoE-P4 from the device list, then click Confirm.
  1. Click the WebTerminal button, select the serial port for Unit PoE-P4 in the dialog, and click Connect.

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

3. Program Run and Download

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 to run the program once for testing. Click Run Always to download the program to the device.

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

On This Page