VS Code ワークスペースで関数を管理する

このページでは、1 つのワークスペースとマルチフォルダワークスペースで複数の Cloud Functions 構成を管理する方法と、Cloud Code を使用して Cloud Functions Explorer を並べ替える方法について説明します。

始める前に

このガイドでは、ワークスペースがすでに設定されている必要があります（少なくとも 1 つの構成が表示されている launch.json ファイル）。サンプルの使用を開始するには、関数を作成してデプロイするのクイックスタートをご覧ください。

1 つのワークスペースで複数の構成を管理する

新しい Cloud Function の構成を launch.json ファイルに追加する手順は次のとおりです。

[Cloud Code] をクリックし、[Cloud Functions] Explorer セクションを展開します。
Cloud Functions Explorer で、[WORKSPACE] の上にポインタを置き、[Add new cloud function configuration] をクリックします。

表示される指示に沿って、次の操作を行います。

関数名の入力をする
Cloud Functions 環境を選択する
エントリポイント（この関数を呼び出すメソッドの名前）を入力する
テスト入力を入力する

または、これらの値を launch.json ファイルに手動で入力することもできます。

{
    "configurations": [
      {
        "name": "Deploy Cloud Function",
        "type": "cloudcode.cloudfunctions",
        "request": "launch",
        "functionName": "Node.js: Hello World Get",
        "gen": "GEN_2",
        "entryPoint": "helloGet"
      }
    ]
}

Cloud Functions のワークスペースは、launch.json ファイルに一覧表示されている最初の構成に対応します。ワークスペース名は、launch.json ファイルにリストされている最初の構成の functionName を反映しています。

{
    "configurations": [
      {
        "name": "Deploy Cloud Function",
        "type": "cloudcode.cloudfunctions",
        "request": "launch",
        "functionName": "Node.js: Hello World PubSub",
        "gen": "GEN_2",
        "entryPoint": "helloPubSub"
      },
      {
        "name": "Deploy Cloud Function",
        "type": "cloudcode.cloudfunctions",
        "request": "launch",
        "functionName": "Node.js: Hello World Get",
        "gen": "GEN_2",
        "entryPoint": "helloGet"
      }
    ]
}

（省略可）launch.json ファイルから別の構成をデプロイするには、デプロイする構成を launch.json ファイルの先頭に移動し、更新 [Cloud Functions エクスプローラを更新] をクリックします。

マルチフォルダワークスペースを管理する

各関数に独自の launch.json ファイルが含まれている場合、Cloud Code では Cloud Functions ワークスペースに複数のフォルダを作成できます。

Cloud Functions Explorer のマルチフォルダワークスペース

表示される各 Cloud Functions ワークスペースフォルダの名前は、対応する launch.json ファイル内の最初の構成の functionName にちなんで付けられます。

プロジェクト用にマルチフォルダワークスペースを配置するには、VS Code のマルチルートワークスペースをご覧ください。

IDE のファイルエクスプローラーに Cloud Functions Explorer を並べ替える

次のコマンドを実行して、Cloud Functions Explorer を VS Code のファイルエクスプローラに並べ替えることができます。

Cloud Functions Explorer を VS Code のファイルエクスプローラにドラッグ＆ドロップします。

このように配置すると、Cloud Functions エクスプローラがファイルエクスプローラの下に表示されるため、デプロイされた関数と Cloud Functions のワークスペースをプロジェクトファイルと同じペインに表示できます。
（省略可）この配置を元に戻すには、[Cloud Code: Cloud Functions] エクスプローラの見出しを右クリックして、[ロケーションをリセット] を選択します。これにより、Cloud Functions Explorer が [Cloud Code] タブに戻ります。

サポートを利用する

フィードバックを送信するには、GitHub で問題を報告します。または、Stack Overflow で質問します。