当前位置: 首页 > Web前端 > HTML

ThingsBoard前端项目的安装与启动

时间:2023-03-28 11:29:26 HTML

前言ThingsBoard是目前Github上最流行的开源物联网平台(12.8kStar),可以实现物联网项目的快速开发、管理和扩展,是领先的物联网平台是中小微企业的最佳选择。本文介绍了ThingsBoard前端项目的安装部署以及Windows环境下如何配置后台服务的启动。安装部署首先我们需要准备好需要的项目和环境。开源项目ThingsBoard,一个开源项目,我用的是较新的3.4.1版本:https://github.com/thingsboard/thingsboard,直接下载代码即可,DownZIP即可。本地环境需要在本地安装Node.js、yarn、Git环境。Git直接官网:https://gitforwindows.org/,下载安装即可,主要是需要注意Node.js和yarn的版本要求。查看TB项目文件thingsboard\ui-ngx\pom.xml可以看到指定了具体的版本。v16.15.1v1.22.17所以我们安装指定的Node.js和yarn版本:Node.js安装访问https://nodejs。org/dist/v16.15.1/,建议下载一键安装node-v16.15.1-x64.msi文件进行安装。安装好Node.js后,打开cmd窗口,全局安装指定版本的yarn命令:npminstall-gyarn@1.22.17。通过node-v、yarn-v确认安装成功,版本正确。安装依赖解压项目ThingsBoard,找到前端项目目录ui-ngx,在该目录下执行安装依赖命令:yarninstall或直接输入yarn。如果出现OpenSSLSSL_read:Connectionwasreset的错误信息,errno10054,那么需要修改Git认证配置,重新执行安装依赖命令。gitconfig--globalhttp.sslVerify"false"gitconfig--globalhttps.sslVerify"false"如果安装失败,很有可能是网络问题,原因你懂的,需要多次尝试,是的我一直卡在这里好久了,是因为邪恶的网络原因。。。好久没成功。为什么不用cnpm命令安装呢?其实我试过了,还会报其他错误,而且官方文档有提到使用yarn,所以直接用yarn就行了。编译安装好依赖后,我们继续执行编译命令:yarnstart。我们会发现虽然编译成功了,但是会报错,因为我们的后台服务还没有启动。我们需要在proxy.conf.js文件中配置我们的后台服务路径,这个文件一般是后台人员搭建的,直接使用搭建好的路径,再次执行编译命令。constforwardUrl="http://localhost:8080";constwsForwardUrl="ws://localhost:8080";当然你自己也可以搭建,但是作为前端人如果没有太大的意义,可能折腾一天也不好。编译后浏览器会自动打开登录页面http://localhost:4200/。登录后,我们可以在TB主页看到庐山真面目。为什么我在后续突然写了关于ThingsBoard的文章?哈哈,有点突然。因为换了工作,现在从事物联网方面的工作,接触到了开源项目ThingsBoard。前端使用Angular12版本。这是一个优秀的开源项目,可以学到很多东西,所以想把这个学习过程记录下来,作为一个系列,一点一点分享。嗯,就是这样。好了,以上就是ThingsBoard前端项目安装启动的全部内容。希望对您有所帮助。如有任何疑问,请通过我的博客https://echeverra.cn或微信公众号echeverra与我联系。你学会“浪费”了吗?(完)文章首发于本人博客https://echeverra.cn/tb1,原创文章,转载请注明出处。欢迎关注我的微信公众号echeverra,一起学习进步!时不时会有资源和福利!