Azureで無料のWeb Appの作成を試した時の備忘録です。
1時間の期限付きでウェブサイトの公開を試すことができました。
ここではHTML5の空のサイトを表示することができた手順を書き残しておきます。
手順
STEP1
https://azure.microsoft.com/ja-jp/services/app-service/
Web Apps を今すぐ試すをクリックします。
STEP2
Web Appを選択して「次へ」をクリックします。
STEP3
言語の選択で「HTML5」を選択して
「HTML5 空のサイト」を選択して
「Create」をクリックします。
STEP4
Web App を利用する のリンク
を開くと、デフォルトのサイトが開きます。
STEP5
「コードをオンラインで編集」をクリックします。
「index.html」を選択すると編集画面が表示されます。
STEP6
右上の「Open Preview」ボタンをクリックするとプレビュー画面が確認できます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ3wMymxbB4PXzvTaR5tWMdIjc3k6TRABSNj1RgtUP7k4zbpiNMw6ApOsDmzfAfWIL7JLr2cJvRhBFyPB5yBV-owOfvXby1FDpPcacQ9nc85geJO8xbIuv-l0bmXITZ5TDpSj4AvdG0_g/s640/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2020-03-14+18.51.16.png)
helloというラベルを追加してみたコード
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> </head> <body> HTML5 Empty Site<br> <label>hello</label> </body> </html> |
プレビュー