小亿 发布的文章

ThingsBoard 移动端采用 flutter 来实现,支持 Android 和 iOS,当然,web 也可以。总体测试下来,还是算不错的,虽然还没有 release 版本,但是,完全可以使用。

如果你有 ThingsBoard 服务需求或二次开发需求,请与我们联系: 18616669123

目录

关注我们

关注 ThingsBoard 微信公众号

手动增加微信公众号:thingsboard_cn
2023-10-26T01:09:12.png

访问 ThingsBoard 中文社区网站

访问网址:http://www.thingsboard.club
2023-10-26T01:08:23.png

准备工作

flutter 工作环境

参考官方手册,很简单,下载,解压缩,运行:flutter doctor ,一步步排查,直到没有错误。这里不多说,不是重点。

Android

需要提前准备好 Android 开发环境和SDK,具体请参考 Android 开发环境要求,主要是能跑起来环境就没问题。

iOS

前提是需要一台 macOS 的电脑,配置低了还不行,还需要安装很多软件环境,这个对普通开发者还是有难度,土豪除外。

源码分析

配置自己的服务器

lib/constants/app_constants.dart, thingsBoardApiEndpoint 改成你的服务器地址即可;

汉化过程

大概思路就是各种dart 文件,比如: lib/modules/profile/change_password_page.dart,修改密码页面,把字符串改成中文就好了,没什么其他要求。

编译

运行 flutter build apk,可简单了,结果就是这样:

jiekechoo@jiekechoo flutter_thingsboard_app % flutter build apk --no-tree-shake-icons

Building with sound null safety 

Running Gradle task 'assembleRelease'...                                
Running Gradle task 'assembleRelease'... Done                     212.8s
✓  Built build/app/outputs/flutter-apk/app-release.apk (22.8MB).

apk 文件在 build/app/outputs/flutter-apk/app-release.apk,拿到Android 手机上安装即可使用,非常简单。

中文汉化效果预览

登录

直接使用 ThingsBoard 上用户登录即可

tb-app-login.png

设备

tb-app.png

仪表板

tb-app1.png