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

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 -v，yarn -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，一起学习提高！不定时会有资源和福利相送哦！

前言