Azure Functions(Function App)でGitからのデプロイ時にtscのコンパイルを動かす

Azure Functions(Function App)でTypeScriptでコーディングした関数を動かす場合、コミット/デプロイ前にtscコマンドでコンパイルしたindex.js ファイルをアップすれば動作はするのですが、GitHubやBitbucket等、Gitレポジトリーと連動してデプロイしている場合は、Azure へのデプロイ時にコンパイルを行いたいですね。

コンパイル自体は npm install した時の postinstall で tsc コマンドを起動すればよいですが、そのためにはデプロイ先のサーバー(環境) *1にTypeScriptをインストールする必要があります。

Azure Funtions上での npm install の際は、package.jsonの devDependencies 内のパッケージはインストールされないので、 typescriptと@types/nodeを devDependenciesでなくdependencies内に記述してください。

その上で、 postinstall のスクリプト内で tsc コマンドを実行してください。 package.json の記述は次の通りとなります。

{
  "name": "azure-typescript-inspection-trigger1",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "devDependencies": {
    "prettier": "^1.15.3",
    "tslint": "^5.12.0",
    "tslint-config-prettier": "^1.17.0",
    "tslint-plugin-prettier": "^2.0.1"
  },
  "dependencies": {
    "typescript": "^3.2.2",
    "@types/node": "^10.12.18"
  },
  "scripts": {
    "postinstall": "tsc"
  },
}

以前のエントリー では、npm install -g typescriptしてtscをインストールしていましたが、Azure Functionsの仕様変更でグローバルにインストールしたnpmコマンドにPATHが通らなくなったためpackage.jsonの記述を変更しました。ローカル環境で実行する時など、グローバルの環境を汚染しないですむので、こちらのやり方の方がよいと思います。

Gitレポジトリーからのデプロイ時に、npm installに成功すると、以下のような出力となります。

Azureポータル上でのデプロイ時の出力

*1:サーバーレスという言葉はここでは忘れてください。kuduで入ればコンソールも取れるし