GitHub Codespaces で Node-RED を動かすメモ

GitHub Codespaces で Node-RED を動かすメモです。

2020/09/11 の情報です。GitHub Codespaces beta 版で使ってみた情報なので、今後の仕様変更で動作が変わる可能性があります。

GitHub Codespaces をはじめる

image

GitHub Codespaces 試すために、プライベートリポジトリを作りました。README.md だけ生成して master ブランチをつくります。

image

image

Request early access ボタンをクリックして、

image

Create your first codespace now をクリックしてリポジトリを選択します。

image

しばらく待つと

image

Visual Studio Code が表示されます。これで準備は完了です。

Node-RED をインストールしてみる

image

New Terminal で Terminal を開きます。

image

Node.js と npm がしっかり動きます。

image

npm i -g node-red でNode-RED がインストールします。

image

無事インストールできたようです。

起動してみる

image

Node-RED を起動してみます。

image

起動したら、起動時のURL 127.0.~~~ をクリックします。

image

Connecting to the forwarded port … となり、ちゃんと認識して画面遷移します。

image

<ランダムなID>-1880.apps.codespaces.githubusercontent.com なURLで起動しました。1880のところが Node-RED のポートにあたる。このあたり Katacoda と挙動似ています。

inject ノードとdebug ノードのシンプルなフローをデプロイ

image

inject ノードとdebug ノードのシンプルなフローがデプロイします。

image

このように、injectノードを連打するとデバッグタブにメッセージが出てきました。

GitHub Codespaces でも Node-RED を動かすことができました!いろいろと使えそうです!