AzureでGithubからデプロイするとき、jsonやwoffなどを読み込む

TOC

  1. Json を読み込められるようにする
  2. Woff、Woff2 形式のフォントを読み込む

こんにちはー!
Azure の App Service では、Github から、
直接デプロイすることができて便利です。

Githubとの連携は、下のサイトが便利です。

Json を読み込められるようにする

Web アプリケーションで、JSON が使われていることは多いと思います。
しかし、初期状態では、JSON をレスポンスとして返すことはできないため、
ajax とかができなくなってしまいます。
これは、App Services で使っている IIS で、
Json の MIME が読み込まれていないためです。

Git のリポジトリのルートディレクトリに、
web.config というファイルを作って、次のようにします。

1
2
3
4
5
6
7
8
<?xml version="1.0"?>
<configuration>
<system.webServer>
<staticContent>
<mimeMap fileExtension=".json" mimeType="application/json" />
</staticContent>
</system.webServer>
</configuration>

これでコミット&プッシュすると、 json ファイルが読み込まれるようになりました。

Woff、Woff2 形式のフォントを読み込む

上の staticContent タグ内に、次のように追加します。

1
2
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<mimeMap fileExtension=".woff2" mimeType="font/x-woff2" />

他の形式を追加したい場合、次のようにします。

1
<mimeMap fileExtension=".拡張子" mimeType="MIME タイプ" />

これで woff、woff2 形式のフォントも読み込められるようになりました。