目的

Visual Studio Codeを使い、IBMi上のnode.jsファイルを編集・デバッグします。

検証環境

ローカルPC（Windows10）
- VSCode 1.35.1
IBMi
- Node.js 10.15.3
- SSHで接続出来ている事

ローカルPC側準備

VSCodeからIBMiにSSH接続するための拡張機能(SSH FS)をインストールします。
SSHの設定をします。
Ctrl+Shift+Pでコマンドパレットを開き、SSH FSと入力し候補を出します。
Create a SSH SF configurationを選択します。
Nameは適当な名前を入力し、Saveボタンを押します。

画面が遷移しますので、SSH接続の設定をします。（私は鍵認証方式で接続しました）
設定が終わりましたら、SAVEボタンを押してください。
SSHで接続します。
Ctrl+Shift+Pでコマンドパレットを開き、SSH FSと入力し候補を出します。
Connect as Workspace folderを選択します。
先ほど入力した設定が候補で出てきますので、クリックします。

接続が成功すると、以下のようにフォルダ／ファイルの一覧が表示されます。

これだけでも素晴らしいですね。

デバッグの方法

作業フォルダの作成ここでの作業はVSCodeでは出来ないので、5250のQP2TERMかSSH接続したターミナルから作業を行います。（以下、ターミナル） ※検証のため、expressをインストールしました。

mkdir debugtest
cd debugtest
npm init -y
npm install -save express

VSCodeに戻り、最新表示を押します。

デバッグ用ソースの準備を準備します。

server.js

const express = require("express");
const app = express();

app.get('/hello', (req, res) => {
    const message = 'Hello IBMi Node.js!!';

    res.send(message);
});

app.listen(8080);

デバッグ用package.jsonの編集します。

XXX.XXX.XXX.XXXはIBMiのIPアドレスです。

  "scripts": {
    "start": "node --inspect=xxx.xxx.xxx.xxx:9229 server.js"
  },

デバッグ用の.vscode/launch.jsonの作成し、編集します。

メニューから「デバッグ」→「構成を開く」→「構成の選択」でnode.jsを選びます。
.vscode/launch.jsonファイルが作成されるので、以下のように編集します。

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "デバッグの開始",
      "address": "XXX.XXX.XXX.XXX",
      "port": 9229
    }
  ]
}

ターミナルからプログラムを起動します。

npm start

Debugger listening on ws:XXX.XXX.XXX.XXX:9229・・・
とメッセージが表示されることを確認してください。

VSCoodeからデバッグをとる。

メニューから「デバッグ」→「デバッグの開始」を選択します。

画面左下に、「読み込み済みスクリプト」が表示されますので、server.jsを選択します。

ここから、ブレークポイントを置くとデバッグが出来るようになります。

メモ：VSCode公式のRemote SSHでは繋がりませんでした・・・

Visual Studio Code（SSH経由）でIBMi上のNode.jsファイルを編集・デバッグする

目的

検証環境

ローカルPC側準備

デバッグの方法