关于前端:ThingsBoard前端项目的安装与启动

41次阅读

共计 1744 个字符,预计需要花费 5 分钟才能阅读完成。

前言

ThingsBoard 是目前 Github 上最风行的开源物联网平台(12.8k Star),能够实现物联网我的项目的疾速开发、治理和扩大, 是中小微企业物联网平台的不二之选。

本文介绍在 Windows 环境,ThingsBoard 前端我的项目的装置部署与如何配置后盾服务启动。

装置部署

首先咱们须要筹备所需的我的项目与环境。

开源我的项目

开源我的项目 ThingsBoard 我应用的是较新的 3.4.1 版本:https://github.com/thingsboard/thingsboard,间接下载 code,Down ZIP 即可。

本地环境

本地须要装置 Node.js、yarn、Git 环境。Git 间接官网:https://gitforwindows.org/,下载安装即可,次要是 Node.js 和 yarn 的版本有要求须要留神。

查看 TB 我的项目文件 thingsboard\ui-ngx\pom.xml 咱们能够看到曾经指定了具体的版本。

<configuration>
    <nodeVersion>v16.15.1</nodeVersion>
    <yarnVersion>v1.22.17</yarnVersion>
</configuration>

所以咱们装置指定的 Node.js、yarn 版本:

Node.js 装置拜访 https://nodejs.org/dist/v16.15.1/,举荐抉择下载一键装置的node-v16.15.1-x64.msi 文件进行装置。

装置完 Node.js 后,关上 cmd 窗口,全局装置指定版本的 yarn 命令:npm install -g yarn@1.22.17

通过 node -vyarn -v 确认装置胜利且版本正确。

装置依赖

解压我的项目 ThingsBoard,找到前端我的项目目录 ui-ngx,在该目录下执行装置依赖命令:yarn install 或间接输出 yarn

如果有提醒 OpenSSL SSL_read: Connection was reset, errno 10054 的报错。

那么须要批改下 Git 认证配置,再次执行装置依赖命令。

git config --global http.sslVerify "false"
git config --global https.sslVerify "false"

如果装置失败,大概率是因为网络问题,起因你懂得,须要屡次尝试,是的我在这儿卡了良久,就是因为万恶网络起因 … 试了大半天才胜利。

为什么不应用 cnpm 命令装置,实际上我也试过,一样会产生其余报错,而且官网文件中提及应用 yarn,咱们就应用 yarn 的形式就好。

编译构建

装置好依赖后,咱们继续执行编译命令:yarn start

咱们会发现尽管编译胜利了,然而会报一个错,这是因为咱们的后盾服务没有启动。咱们须要在 proxy.conf.js 文件中配置咱们的后盾服务门路,个别会由后盾人员搭建好,间接应用搭建好的门路,再次执行编译命令即可。

const forwardUrl = "http://localhost:8080";
const wsForwardUrl = "ws://localhost:8080";

当然本人搭建也能够,然而如果作为前端人员没有太大意义,可能折腾一天也不见得能折腾好。

编译好后,浏览器会主动关上登录页http://localhost:4200/

登录后咱们就能够看到 TB 首页的庐山真面目啦。

后续

为什么我会忽然写 ThingsBoard 相干文章呢,哈哈,是有点忽然。

因为工作变动换了工作,当初做物联网方面的工作,所以接触到了 ThingsBoard 这个开源我的项目,前端应用的是 Angular12 版本,这是一个很优良的开源我的项目,能够学到很多货色,所以想把这个学习的过程记录下来,作为一个系列,一点点分享进去。嗯,就这样吧。

好啦,以上就是 ThingsBoard 前端我的项目的装置与启动的全部内容,心愿对你有所帮忙,如有问题可通过我的博客 https://echeverra.cn 或微信公众号 echeverra 分割我。

你学“废”了么?

(完)


文章首发于我的博客 https://echeverra.cn/tb1,原创文章,转载请注明出处。

欢送关注我的微信公众号 echeverra,一起学习提高!不定时会有资源和福利相送哦!


正文完
 0