概要
Pleasanterのサーバスクリプト をビジュアルにデバッグしたい!と思う貴方は必見です。
デバッグするためにはVisual Studio Code(以降VSCode)が必要になります。
VSCodeからリモートデバッグをします。
制限事項
デバッグ中はデバッガが接続するまでスクリプトが途中で停止しテーブルを利用できません。
本番環境では使用しないでください。
前提条件
- プリザンターは2021/10/31リリースの
ver.1.2.14.0
以上が必要です - プリザンターが稼働するサーバのポート
9222
が開いている必要があります。 - デバッグを行うPCにVSCodeがインストールされている必要があります。
準備
Visual Studio Codeを起動し、.vscode
フォルダ内にlaunch.json
を配置します。
launch.json
{
"version": "0.2.0",
"configurations": [
{
"name": "Attach to ClearScript V8 on port 9222",
"type": "node",
"request": "attach",
"protocol": "inspector",
"address": "192.168.1.101",
"port": 9222
}
]
}
- デバッグするプリザンターが動作する環境への接続情報です
- 必要に応じて
address
を対象のサーバのアドレスに変更します - ローカルPC上にプリザンターがある場合には
localhost
を指定します。
操作手順
- ブラウザでプリザンターにアクセスしデバッグする「サーバスクリプト」の内容の先頭行に、
//debug//
を記述し保存します。 - デバッグする「テーブル」を開きます。
- サーバスクリプトがデバッグモードで待機状態となり画面の応答が無い状態になります。
- VSCodeで
Run
→Start Debugging
を選びます。 - 対象のソースコードが読み込まれ、デバッグが可能となります。