コンテンツにスキップ

WebApp(Free)の構築方法

概要

MicrosoftのAzureのWebServiceを利用した無料のWebサイトを構築する方法を説明します。


事前準備

  • Microsoft Azureのサブスクリプションを持っていること。

構築手順

  1. AzurePortal(URL)にログインする。
  2. 検索窓または左メニューからWebAppsを選択する。
    • img
  3. [作成]ボタンを押下する。
    • img
  4. Webアプリを作成する。ここでは以下の項目を設定する。
    • サブスクリプション:保有するサブスクリプションを選択する
    • リソースグループ: RG-xxx(任意)といったグループを作成する
    • インスタンスの詳細
      • 名前: URLの名前になる箇所です。XXXX.azurewebsites.netのサイト名になります。
    • 公開:「コード」を選択する。
    • ランタイムスタック:「Node 16 LTS」を選択する。
    • オペレーティングシステム: 「Windows」を選択する。
      • Windowsを選択しないと、web.configが利用できないため要注意。
    • 地域:「Japan West」を選択する。 img
  5. 「SKUとサイズ」では、無料のタイプ「Free F1」を選択する。 img

  6. 「確認および作成」ボタンを押下して、WebAppを作成する。

  7. 少しするとAppServiceの一覧に作成したWebアプリが表示される。 img

  8. 対象のWebアプリを選択すると、概要メニューに作成したWebアプリのURLが表示されていることが確認できる。 img