---
# System prepended metadata

title: Visual Studio Code から 拡張機能を使用して 「Azure App Service」にWebアプリを直接デプロイする　2021-05-06
tags: [Azure, Visual Studio Code, App Service]

---

---
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 のプランが低い場合、デプロイにかなりの時間がかかります。３０分～１時間くらい。また、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`
