UIFlow 快速上手

本教程适用于BASIC/GRAY/M5GO/FIRE/FACES kit

驱动安装

点击下方连接下载匹配操作系统的驱动程序。目前存在两种驱动芯片版本,CP210X(适用于CP2104版本)/CH9102(适用于CH9102版本)驱动程序压缩包.在解压压缩包后,选择对应操作系统位数的安装包进行安装。(若您不确定您的设备所使用的USB芯片, 可同时安装两种驱动。CH9102_VCP_SER_MacOS在安装过程中,可能出现报错,但实际上已经完成安装,忽略即可。)

驱动名称 适用驱动芯片 下载链接
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 CH9102 Download

烧录工具

请根据您所使用的操作系统,点击下方按钮下载相应的M5Burner固件烧录工具。解压后打开应用程序。

注意:
MacOS用户安装完成后请将应用放入Application文件夹内,如下图所示。
Linux用户请切换至解压文件路径下,在终端中运行./M5Burner, 运行应用。

固件烧录

双击打开Burner烧录工具,①在左侧菜单中选择对应的设备类,②选择您所需要的固件版本,③点击下载按钮进行下载。

将M5设备通过Type-C数据线连接到电脑,④选择对应的COM口,波特率可使用M5Burner中的默认配置,⑤配置完成后,点击"Burn"进行烧录。

您可以在固件烧录阶段就填入设备后续将要连接的WIFI信息,亦可以保留空白后续使用AP热点配置WiFi。⑥点击"Stact"开始烧录。

当烧录日志提示Burn Successfully时,则表示固件已经烧录完成。

首次烧录或固件程序运行异常时,可点击右上角的"Erase"擦除flash内存,在后续的固件更新时,则无需再次擦除,__否则将删除已保存的Wi-Fi信息且刷新API Key__。

配置文件

如果您需要修改配置文件,请将您的M5设备通过Type-C数据线连接到电脑并选择对应的COM口,⑦然后可点击configuration进行修改。

APIKey: M5设备在使用UIFlow web编程时的通信凭证
Start Mode: 可配置启动后进入的模式
Quick Start: 可选择快速启动以跳过启动界面
Server: 服务器选择
Wifi: 配置Wifi的SSID以及Password
COM.X & APN: 配置使用LTE网络

配置WIFI

UIFlow提供了离线与web版本的编程器,在使用web版本的UIFlow时,我们需要为设备配置WiFi连接。下面介绍为设备配置WiFi连接的两种方式(烧录配置与AP热点配置)。

烧录配置WiFi(推荐)

UIFlow-1.4.5以上版本支持WiFi连接的前期烧录配置, 用户只需在点击"Burn"后将WiFi信息填入WiFi配置框,随后点击"Stact"进行固件烧录,填入的WiFi信息将随同固件一起烧录保存至M5设备。

AP热点配置WiFi

1.单击设备左侧的红色电源键开机,在屏幕出现UIFlow Logo后迅速按下面板上右测按键进入"Setup"页面。使用左右按键上下切换菜单选项至Wi-Fi via AP选项,按下中间按钮选中,进入AP热点WiFi配置模式。

2.用手机连接热点成功后,打开手机浏览器直接访问 192.168.4.1,进入页面填写个人的WIFI信息,点击配置,使设备记录下您的WiFi信息。配置成功后设备将自动重启。并进入编程模式。

注意:配置的WiFi信息中,不允许出现"空格"等特殊字符。

网络编程模式与API KEY

进入网络编程模式

网络编程模式是M5设备与UIFlow web编程平台的一个对接模式,屏幕会显示出当前设备的网络连接状态。当页面左上角的WiFi与云端连接指示标志为绿色时,则代表随时可接收程序推送。默认情况下,在首次WiFi网络配置成功后,设备将自动重启,并进入网络编程模式。若您在运行其他应用后不知如何重新进入编程模式,您可以参考以下操作。

开机后,在屏幕出现菜单后迅速按下面板上右侧按键进入Setup页面,选中"Internet Mode",使用电脑浏览器访问 flow.m5stack.com 进入UIFlow编程页面。

API KEY配对

API KEY是M5设备在使用UIFlow web编程时的通信凭证。通过在UIFlow端配置相应的API KEY,能够为指定的设备推送程序。用户需在电脑端浏览器访问 flow.m5stack.com 进入UIFlow编程页面,点击页面右上角的菜单栏中的设置按钮,输入对应设备上的API Key,选择使用的硬件,点击OK保存,等待提示连接成功。

Hello M5

完成以上步骤,就可以开始使用UIFlow进行编程了。下面将为您演示一个简单的程序,驱动屏幕显示"Hello M5"。(1. 放置标签 2. 添加标签程序块 .3 点击右上角运行按钮 )

UIFlow Desktop IDE

UIFlow Desktop IDE是一个离线版的UIFlow编程器,无需网络依赖,且能够提供反应迅速程序推送体验,请根据您的操作系统,点击下方按钮对应版本的 UIFlow-Desktop-IDE 进行下载。

USB编程模式

将下载好的UIFlow Desktop IDE压缩包解压,双击执行应用程序。

软件启动后,将自动检测您的电脑是否安装有USB驱动(CP210X),点击Install,根据提示,进行安装。

驱动安装完成后,将自动进入UIFlow Desktop IDE并自动弹出配置框,此时将M5设备通过Tpye-C数据线连接至电脑。

使用UIFlow Desktop IDE需要M5设备搭载UIFlow固件且进入USB编程模式

单击设备左侧电源键重启,进入菜单后快速选择Setup,进入配置页面,选择USB mode

选择好对应的端口,与编程设备,点击OK进行连接。

相关视频

  • UIFlow 的简介
  • UIFlow 中开发 M5Core 的视频教程

相关链接

On This Page