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

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

始める前に

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

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

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

[Cloud Code] をクリックし、[Cloud Functions] Explorer セクションを展開します。
Cloud Functions Explorer で、WORKSPACE の上にポインタを置き、[新しい Cloud Function 構成を追加] をクリックします。

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

関数名の入力をする
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 エクスプローラを更新] をクリックします。

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

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

Cloud Functions エクスプローラのマルチフォルダワークスペース

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

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

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

次の手順で、Cloud Functions Explorer を VS Code のファイルエクスプローラーに並べ替えることができます。

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

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

サポートを利用する

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