1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

[チュートリアル]Azure で静的 HTML Web アプリを作成する

Posted at

はじめに

勉強も兼ねてWebサイト運営をAzureでサーバーレスでやってみようと思い、調べた結果をまとめていきます。今回はこちらのチュートリアルによるAzure App ServiceによるHello Worldからです。

サンプルをダウンロードする

以下のコマンドでサンプルをダウンロードします。

git clone https://github.com/Azure-Samples/html-docs-hello-world.git

サンプルWebアプリを作成する

az webapp upコマンドを使ってローカルワークスペースからアプリをデプロイします。
CreateHelloWebApp.png

リソースグループおよびApp Service Plan、App Serviceが作成されたことがわかります。
ResourceHelloWebApp.png

ブラウザにアクセスする

ブラウザにアクセスするとちゃんとサンプルのWebページが公開できていることが確認できます。
HelloWebApp.png

まとめ

サンプルWebアプリを作成しました。一人で触る程度であれば無料でサーバーレスでできそうなのはありがたいです。今後はWebの中身の高度化、App Serviceの機能をもっと掘り下げる、CI/CDを組み込むなど少しずつ幅を広げていきたいです。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?