--- lang: ja-jp breaks: true --- # Visual Studio Code から 拡張機能を使用して 「Azure App Service」にWebアプリを直接デプロイする 2021-05-06 ## codimdをデプロイしてみた。 > hackmdio/codimd > https://github.com/hackmdio/codimd ## Azure App Service拡張機能をインストールします。 ![](https://i.imgur.com/G0Cvq0c.png) ## Azureポータルより、Azure App Serviceを事前に追加しておく。 ## デプロイ対象のプログラムを開き、「Deploy to Web App...」をクリックします。 ![](https://i.imgur.com/rBf5IkA.png) ## APP Service のプランが低い場合、デプロイにかなりの時間がかかります。30分~1時間くらい。また、F1、B1のプランでが途中でエラーとなりデプロイ出来なかった。B2では時間がかかるものの何とか最後までデプロイに成功した。 ![](https://i.imgur.com/D23m86e.png) ![](https://i.imgur.com/rvr9SPD.png) :::warning :warning: ※リソースグループ名に日本語を使用している場合、エラーとなりデプロイ出来なかった。 ::: ## 構成で、PORT、WEBSITES_PORT を追加しアプリケーションが使用するポートを設定することで正常動作。 ![](https://i.imgur.com/KQNqknO.png) ###### tags: `Azure` `Visual Studio Code` `App Service`