Azure App Service を使った無料のハンズオン
-
Upload
sunao-tomita -
Category
Internet
-
view
121 -
download
5
Transcript of Azure App Service を使った無料のハンズオン
![Page 1: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/1.jpg)
Azure App Service を使った無料のハンズオン
Japan Windows Azure User Group
Microsoft MVP for Microsoft Azure
冨田 順 (とみたすなお)
http://twitter.com/harutama
![Page 2: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/2.jpg)
大前提
2
![Page 3: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/3.jpg)
以下のものが必要です
• パソコン
– Android タブレットとか iPad でもできないことはないかも。
• マウスとキーボード
–無いと辛いと思います
• Microsoft アカウント
–これは絶対に必要です。https://account.microsoft.com/
3
![Page 4: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/4.jpg)
アプリケーションの作成
4
![Page 6: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/6.jpg)
6
「Web App」を選択して「次へ」
![Page 7: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/7.jpg)
7
ドロップダウンを「PHP」にして「WordPress」を選択して「作成」
![Page 8: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/8.jpg)
8
「Microsoft Account」を選択して自身のアカウントでサインインしてください
![Page 9: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/9.jpg)
9
サインインするとアプリケーションが作成されています
![Page 10: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/10.jpg)
本当にアプリケーションができているか見てみる
10
![Page 11: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/11.jpg)
11
URLをクリックしてみます
![Page 12: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/12.jpg)
12
言語設定の画面が出てくるので「日本語」にして「続ける」
![Page 13: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/13.jpg)
13
WordPress に設定する情報を入力します
何でもいいですがおぼえておいてください
必ずどこかに保存してください二度とログインできなくなります
![Page 14: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/14.jpg)
14
これで初期設定は完了したので「ログイン」しましょう
![Page 15: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/15.jpg)
15
先程設定したユーザー名とパスワードでログインします注:「パスワードがわかりません」とか講師に言われてもわかりません
![Page 16: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/16.jpg)
16
「投稿」の中の「新規作成」を選択します
![Page 17: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/17.jpg)
17
なんでも良いのでタイトルと中身を書いてみましょう書き終わったら「公開」を押します
![Page 18: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/18.jpg)
18
「投稿を表示」してみましょう
![Page 19: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/19.jpg)
19
表示されましたねBlog サイトがちゃんと動いていそうな感じです
![Page 20: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/20.jpg)
Azure からどう見えるのか
20
![Page 21: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/21.jpg)
21
「Azure Portal での管理」をクリックしてみます
![Page 22: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/22.jpg)
22
このサイトを管理ポータルから見ることができます
![Page 23: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/23.jpg)
アプリケーションの状態を見る
23
![Page 24: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/24.jpg)
アクセスするURL
• URLをhttps://[文字列].scm.azurewebsites.netに変えてアクセスしてみてください。
24
![Page 25: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/25.jpg)
こんな画面になるはず
25
![Page 26: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/26.jpg)
Kudu
26
![Page 27: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/27.jpg)
Kudu (くーずー)
• https://github.com/projectkudu/kudu
• Kudu は Azure App Service の Git デプロイの裏側で動くエンジンです。
–デプロイエンジンと言っておきながら、様々な機能が実装されている。
27
![Page 28: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/28.jpg)
設定の確認
28
![Page 29: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/29.jpg)
ファイルの確認・変更
29
![Page 30: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/30.jpg)
稼働中プロセスの一覧
30
![Page 31: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/31.jpg)
トラブルシューティングツール
31
![Page 32: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/32.jpg)
拡張機能の管理
32
![Page 33: Azure App Service を使った無料のハンズオン](https://reader030.fdocuments.net/reader030/viewer/2022020411/5a6479257f8b9a40568b469b/html5/thumbnails/33.jpg)
Let’s dream and then let’s build.- Ray Ozzie
冨田 順 (@harutama)http://twitter.com/harutama
33