Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法

Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法

環境

項目 バージョン
node v18.16.0
npm 9.5.1
Azure Functions Core Tools 4.0.5148

VSCodeにAzure Functionsラグインインストール済み。

WSL2(Ubuntu22.04)+VSCodeでAzure Functions(javascript)を作成する

サブスクリプション、リソース作成済み。

ローカルプロジェクトを作成

VSCodeのプラグインからAzure Functionsを作成します。

WSL2(Ubuntu22.04)+VSCodeでAzure Functions(javascript)を作成する

赤枠のマークをクリックします。

Windows10+VSCodeでAzure Functions(javascript)を作成する

プロジェクトのディレクトリを指定してEnterを押します。

項目 選択
Select a language JavaScript
Select a JavaScript programming model Model V3
Select a template for your project’s first function HTTP trigger
関数名 HttpTrigger
承認レベル Anonymous

WSL2(Ubuntu22.04)+VSCodeでAzure Functions(javascript)を作成する

これでワークスペース欄にローカルプロジェクトが作成されます。

ローカルデバッグ(F5)

VSCodeにすでに.vscode/launch.jsonがあるので、F5でデバッグします。

※:VSCodeのデフォルトプロンプトはwsl bashでないこと

Windows10+VSCodeでAzure Functions(javascript)を作成する

ターミナルにURLが表示されて「Debugger attached.」と表示されればデバッグできます。

この状態で、以下のように実行、リクエストボディ指定してEnterすればブレイクポイントで止まるようになります。

Windows10+VSCodeでAzure Functions(javascript)を作成する

デプロイ

最後にデプロイします。まずAzureにサインインします。

Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法

赤枠をクリックするとブラウザ起動し、サインイン画面が表示されます。

Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法

サインインが完了すると上記画面が表示されますのでブラウザを閉じます。

次に、リソースを作成します。

Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法

成功したら、ポータルに関数アプリが作成されます。

Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法

最後にローカル関数をデプロイします。

Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法

赤枠のデプロイをクリックします。「Deploy to Function App…」と表示されるのでクリックします。

先ほど作成した「FuncDemoTest01」を選択します。

Windows10+VSCodeでAzure Functions(javascript)を作成、デバッグ、デプロイする方法

上記の通り進めると正常にデプロイされます。

Visual Studio Code を使用して JavaScript 関数を作成する - Azure Functions
Visual Studio Code の Azure Functions 拡張機能を使用して JavaScript 関数を作成し、ローカル Node.js プロジェクトを Azure Functions のサーバーレス ホスティングに発行す...
Visual Studio Code を使用して JavaScript 関数を作成する - Azure Functions
Visual Studio Code の Azure Functions 拡張機能を使用して JavaScript 関数を作成し、ローカル Node.js プロジェクトを Azure Functions のサーバーレス ホスティングに発行す...

 

 

コメント

タイトルとURLをコピーしました