pdf-icon

UIFlow Guide

UIFlow 1.0 Quick Start

1. UIFlow Web IDE 1.0

UIFlow 1.0 Blockly

Event

Event

Unit

Unit TMOS
Unit JoyStick2
Unit TimerPWR
Unit DMX
Unit Puzzle
Unit CO2
Unit CO2L
Unit CardKB
Unit ENV
Unit ToF
Unit ToF4M
UnitV/M5StickV V-Function
Unit RFID2
Unit Ultrasonic
Unit Sonic IO
Unit 8Angle
Unit 2Relay
Unit 4Relay
Unit 8encoder
Unit 8servo
Unit Accel
Unit ACSSR
Unit AC Measure
Unit AC Socket
Unit ADC
Unit ADC V1.1
Unit Ain4 20ma
Unit Ameter
Unit Angle
Unit BLDC Driver
Unit BPS
Unit BPS V1.1
Unit Button
Unit Buzzer
Unit CAN
Unit Catm
Unit Catm GNSS
Unit Color
Unit DAC
Unit DAC2
Unit DCSSR
Unit DDS
Unit Digi Clock
Unit Dlight
Unit Dual Button
Unit Earth
Unit Encoder
Unit Env Pro
Unit Ext Encoder
Unit Ext IO
Unit Ext IO2
Unit Fader
Unit Fan
Unit Finger
Unit Flash Light
Unit Gesture
Unit Glass
Unit Glass2
Unit GPS
Unit Grove2grove
Unit Hall
Unit Hbridge
Unit Heart
Unit Id
Unit IMU
Unit IMU Pro
Unit IR
Unit ISO RS485
Unit Joystick
Unit Key
Unit Kmeter
Unit Kmeter Iso
Unit Laser Rx
Unit Laser Tx
Unit LCD
Unit Light
Unit Limit
Unit LoRaWAN 470
Unit LoRaWAN 868
Unit LoRaWAN 915
Unit LoRa E220
Unit LoRa E220 433
Unit Makey
Unit Microphone
Unit Mini CAN
Unit Mini OLED
Unit Mini Scales
Unit MQTT
Unit NB IoT
Unit NB IoT2
Unit NCIR
Unit NCIR2
Unit Neco
Unit OLED
Unit OP 90 180
Unit Pahub
Unit Pbhub
Unit PIR
Unit PoESP32
Unit QRCode
Unit Reflective IR
Unit Relay
Unit RF433-R
Unit RF433-T
Unit RGB
Unit RGB LED
Unit Roller 485
Unit RS485
Unit RTC
Unit Scales
Unit Servo
Unit SSR
Unit Synth
Unit Thermal
Unit Thermal2
Unit Trace
Unit Tube Pressure
Unit TVOC eCO2
Unit UHF RFID
Unit UWB
Unit Vibrator
Unit Vmeter
Unit Watering
Unit Weight
Unit Weight I2c
Unit Zigbee
Blockly Custom

UIFlow 1.0 Project

UIFlow 1.0 File Manger

UIFlow 2.0 Quick Start

1. UIFlow Web IDE 2.0

UIFlow 2.0 Blockly

UIFlow 2.0 API Docs

UIFlow 2.0 Project

Import & Export Project
Device Share
Project Zone
File Manager

M5Burner

M5Burner Install
Firmware Export
Firmware Publish

Desktop IDE

UIFlow 1.x Desktop IDE
1. UIFlow Web IDE 1.0
step_done
2. M5CoreInk Firmware & Program
step_run

M5CoreInk Firmware Burning and Program Pushing

1. Preparation

  • Refer to the UIFlow Web IDE Tutorial to understand the basic workflow of using UIFlow and complete the installation of the M5Burner firmware burning tool.
  • Download the firmware compatible with M5CoreInk in M5Burner, as shown in the image below.

2. USB Driver Installation

Click the links below to download the driver package for your operating system. There are two versions of the driver chip available (CP210X/CH9102). Please download the corresponding driver package according to the version you are using. After unzipping the package, select the installation package for your operating system's bit version for installation. (If you are unsure which USB chip your device uses, you may install both drivers. CH9102_VCP_SER_MacOS v1.7 may display an error during installation, but the installation is actually complete; ignore the error.)
Driver Name Compatible Driver Chip Download Link
CP210x_VCP_Windows CP2104 Download
CP210x_VCP_MacOS CP2104 Download
CP210x_VCP_Linux CP2104 Download
CH9102_VCP_SER_Windows CH9102 Download
CH9102_VCP_SER_MacOS v1.7 CH9102 Download
Port Selection on MacOS
On MacOS, there may be two available ports. When using them, please select the port named wchmodem.

3. Port Selection

  1. Connect the device to the computer via a USB cable, in M5Burner, select the Burn button for the corresponding firmware, fill in the WiFi information, and choose the corresponding device port.

4. Firmware Burning

  1. Click the Start button to begin burning. Note: If burning fails or connection times out, check for port occupancy, try updating the USB cable, or lower the baud rate.

5. API KEY

  1. After completing the firmware burning, the device will restart while remaining connected via USB. Use M5Burner to click the Configure option, select the corresponding port, and click Load to load the current device configuration. Once loaded successfully, a popup will display the device's API KEY, Start Mode, and other information. At this point, we can copy and save the device's API KEY for later steps. Note: In this example, we will use UIFlow Web IDE (web version) for programming, so the Start Mode needs to be set to Internet Mode.

  1. After the device is configured in online programming mode, we need to establish a connection between the device and UIFlow through API KEY, so that it can push programs for specified devices. Users need to visit flow.m5stack.com from the browser on the computer to access the UIFlow programming page

  2. Click the Setting button in the menu bar at the upper right corner of the page, enter the API KEY we obtained in the previous step, click OK to save, and wait for the prompt indicating that the connection is successful.

6. RUN

After completing the above configuration, the following demonstrates how to write a screen display program. Click the triangle run button in the lower right corner to execute the program.

On This Page