序文
ThingsBoard は現在、Github (12.8k Star) 上で最も人気のあるオープンソース IoT プラットフォームであり、IoT プロジェクトの迅速な開発、管理、拡張を実現でき、中小企業、零細企業向けの IoT プラットフォームとして最適です。
この記事では、Windows 環境での ThingsBoard フロントエンド プロジェクトのインストールとデプロイ、およびバックグラウンド サービスの起動の構成方法を紹介します。
インストールと展開
まず、必要なプロジェクトと環境を準備する必要があります。
オープンソースプロジェクト
私はオープンソース プロジェクト ThingsBoard の新しいバージョン 3.4.1 を使用しています。https://github.com/thingsboard/thingsboardコードを直接ダウンロードして ZIP をダウンロードします。
ローカル環境
Node.js、yarn、Git 環境はローカルにインストールする必要があります。Git ダイレクトの公式 Web サイト: を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 [email protected]。
Passed 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";
もちろん自分で構築することもできますが、フロントエンド担当者としてあまり意味をなさない場合は、1 日働いてもうまく構築できない可能性があります。
コンパイル後、ブラウザは自動的にログイン ページを開きますhttp://localhost:4200/。
ログイン後、TBホームページで廬山の素顔を見ることができます。
フォローアップ
なぜ私が突然 ThingsBoard 関連の記事を書くことになったのでしょうか? はは、突然です。
転職のため、現在はモノのインターネットに取り組んでおり、オープン ソース プロジェクト ThingsBoard に出会いました。フロント エンドは Angular12 バージョンを使用しています。これは優れたオープン ソース プロジェクトであり、多くのことを学ぶことができます。そのプロセスを記録し、シリーズとして少しずつ共有します。まあ、それだけです。
さて、上記は ThingsBoard フロントエンド プロジェクトのインストールと起動のすべてです。お役に立てば幸いです。ご質問がある場合は、私のブログ https://echeverra.cn または WeChat パブリックアカウントecheverraを通じてご連絡ください。 。
「無駄にする」ことを学びましたか？
（以上）
この記事は私のブログhttps://echeverra.cn/tb1に掲載されたオリジナル記事ですので、転載の際は出典を明記してください。
私の WeChat 公開アカウントecheverraをフォローして、一緒に学び、進歩することを歓迎します。リソースと特典は随時プレゼントされます。