Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How to debug your Node-RED node.
Search
Ryoichi Obara
November 29, 2019
Technology
0
1.5k
How to debug your Node-RED node.
Node-RED UG勉強会 2019 年末LTパーティ
https://node-red.connpass.com/event/153172/
の登壇資料です。
Ryoichi Obara
November 29, 2019
Tweet
Share
More Decks by Ryoichi Obara
See All by Ryoichi Obara
製造業IoTのためのNode-REDカスタムノード開発 #noderedjp #nodered / Developing Industrial IoT Node-RED custom node
ryoichi_obara
0
2.2k
Other Decks in Technology
See All in Technology
ファインディにおけるフロントエンド技術選定の歴史
puku0x
1
120
0x5F3759DF
ykozw
0
140
運営11年目タイトルを守る最強の盾の有効性と活用法
mixi_engineers
PRO
2
110
Grafana エコシステムの活用事例 on ABEMA
tetsuya28
4
650
小さな勉強会の始め方、広げ方、あるいは友達の作り方 / How to Start, Grow, and Build Connections with Small Study Groups
ar_tama
6
3.2k
テストを楽に書きたい
tomorrowkey
2
240
軽いノリで"自動化"に取り組んではいけないという話
tetsuyaooooo
1
640
JAWS PANKRATION 2024 配信システムの紹介
yoshimi0227
0
130
外部カンファレンスで登壇しよう! 〜「強い」エンジニアへの一歩を踏み出す〜
logica0419
4
110
From LibreOffice to « La Suite » : providing civil servants with Free Software sovereign tools
bluehats
0
110
スタサプ ForSCHOOLアプリのシンプルな設計
recruitengineers
PRO
3
760
【㈱アイモバイル】エンジニア向け会社説明資料
imobile
0
480
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
46
2.1k
Writing Fast Ruby
sferik
626
60k
The Language of Interfaces
destraynor
154
24k
A Philosophy of Restraint
colly
203
16k
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
Infographics Made Easy
chrislema
239
18k
Making Projects Easy
brettharned
115
5.9k
Designing for humans not robots
tammielis
249
25k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
GitHub's CSS Performance
jonrohan
1030
450k
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k
Transcript
Node-REDで デバッグするための 開発環境 2019/11/29 (Fri) Node-RED UG勉強会 2019 年末LT パーティ
@ Uhuru @ ryoichi_obara
@ ryoichi_obara • 中小SIer (製造業向け) IoT / クラウド • 好きなNode-REDノード:
• クラフトビール消費量: 600+ [杯/年] ↓ブログ
Cookbook翻訳してたりもしました
前回 話したこと
今回 話すこと - デバッグについて カスタムノードを開発する際、デバッグノードだけではなく ステップ実行をしたい そのための環境構築
前提 • Node.js インストール済 • VS Code インストール済 • ノードを公開するならgitも
構成の概要 1. Node-REDをローカルで実行するためのディレクトリ 例 C:¥node-red-run-local 2. カスタムノード開発用のディレクトリ (≒ 公開するリポジトリ) 例
C:¥node-red-contrib-your-custom-node npmで 参照(リンク)する VS Codeのワークスペース
ryoichi-obara / node-red-run-local って何? • グローバルではなく、ローカルでNode-REDを実行 • 設定ファイル一式を自ディレクトリ配下に保存するオプション付 • VS
Codeで実行するための設定ファイルも同梱
このオプションが指定してある https://nodered.jp/docs/getting-started/local#コマンドラインの使い方
• cloneする • 依存関係のダウンロード > git clone
[email protected]
:ryoichi-obara/node-red-run-local.git 【任意のdir名】 >
cd 【cloneしたdir名】 > npm i 準備1. node-red-run-local https://github.com/ryoichi-obara/node-red-run-local
準備2. カスタムノード開発用ディレクトリ • ディレクトリ新規作成 • git, npm初期化 • 開発するノードについての -
package.json - ノード名.html - ノード名.js を配置 https://nodered.jp/docs/creating-nodes/first-node > mkdir node-red-contrib-your-custom-node > cd node-red-contrib-your-custom-node > git init > npm init -y
カレントディレクトリを実行環境(run-localの方)にして 開発対象のディレクトリを npm i する (ディレクトリ名/構成は一例) C:¥node-red-run-local> npm i C:¥node-red-contrib-your-custom-node
準備3. npmでリンクする https://nodered.jp/docs/creating-nodes/first-node#node-redでノードの動作確認
準備3. npmでリンクする(イメージ)
準備4. VS Codeでワークスペースの設定 • VS Codeで新しいウィンドウ • フォルダーをワークスペースに追加 - cloneしたローカル実行用ディレクトリ
(≒ node-red-run-local) - 開発用のノード (ここでは node-red-contrib-your-custom-node) • この構成を、 [任意のファイル名].code-workspace として 保存することもできる
構成の概要 (おさらい) 1. Node-REDをローカルで実行するためのディレクトリ 例 C:¥node-red-run-local 2. カスタムノード開発用のディレクトリ (≒ 公開するリポジトリ)
例 C:¥node-red-contrib-your-custom-node npmで 参照(リンク)する VS Codeのワークスペース
実際の画面
実行してみましょう • F5 でローカル実行 • デバッグ用のフローを作成 • inject で動かす •
VS Code 上で F9 でブレークポイントを貼る • また inject で動かす 今度は VS Code のブレークポイントで止まっていることを確認 • F10 でステップ実行 • フローが最後まで動いたことを確認 コアノードもデバッグできるよ! node_modules/@node-red/nodes/core/**
時間があればデモ あるはず・・・!
ご清聴ありがとうございました • 公式ドキュメントは充実しているので、読むと勉強になる • Node-REDはプログラムレスだけど、プログラム書くならVS Code