33
Azure App Service を使った 無料のハンズオン Japan Windows Azure User Group Microsoft MVP for Microsoft Azure 冨田 (とみたすなお) http://twitter.com/harutama

Azure App Service を使った無料のハンズオン

Embed Size (px)

Citation preview

Page 1: Azure App Service を使った無料のハンズオン

Azure App Service を使った無料のハンズオン

Japan Windows Azure User Group

Microsoft MVP for Microsoft Azure

冨田 順 (とみたすなお)

http://twitter.com/harutama

Page 2: Azure App Service を使った無料のハンズオン

大前提

2

Page 3: Azure App Service を使った無料のハンズオン

以下のものが必要です

• パソコン

– Android タブレットとか iPad でもできないことはないかも。

• マウスとキーボード

–無いと辛いと思います

• Microsoft アカウント

–これは絶対に必要です。https://account.microsoft.com/

3

Page 4: Azure App Service を使った無料のハンズオン

アプリケーションの作成

4

Page 5: Azure App Service を使った無料のハンズオン

5

https://tryappservice.azure.com/ にアクセスします

Page 6: Azure App Service を使った無料のハンズオン

6

「Web App」を選択して「次へ」

Page 7: Azure App Service を使った無料のハンズオン

7

ドロップダウンを「PHP」にして「WordPress」を選択して「作成」

Page 8: Azure App Service を使った無料のハンズオン

8

「Microsoft Account」を選択して自身のアカウントでサインインしてください

Page 9: Azure App Service を使った無料のハンズオン

9

サインインするとアプリケーションが作成されています

Page 10: Azure App Service を使った無料のハンズオン

本当にアプリケーションができているか見てみる

10

Page 11: Azure App Service を使った無料のハンズオン

11

URLをクリックしてみます

Page 12: Azure App Service を使った無料のハンズオン

12

言語設定の画面が出てくるので「日本語」にして「続ける」

Page 13: Azure App Service を使った無料のハンズオン

13

WordPress に設定する情報を入力します

何でもいいですがおぼえておいてください

必ずどこかに保存してください二度とログインできなくなります

Page 14: Azure App Service を使った無料のハンズオン

14

これで初期設定は完了したので「ログイン」しましょう

Page 15: Azure App Service を使った無料のハンズオン

15

先程設定したユーザー名とパスワードでログインします注:「パスワードがわかりません」とか講師に言われてもわかりません

Page 16: Azure App Service を使った無料のハンズオン

16

「投稿」の中の「新規作成」を選択します

Page 17: Azure App Service を使った無料のハンズオン

17

なんでも良いのでタイトルと中身を書いてみましょう書き終わったら「公開」を押します

Page 18: Azure App Service を使った無料のハンズオン

18

「投稿を表示」してみましょう

Page 19: Azure App Service を使った無料のハンズオン

19

表示されましたねBlog サイトがちゃんと動いていそうな感じです

Page 20: Azure App Service を使った無料のハンズオン

Azure からどう見えるのか

20

Page 21: Azure App Service を使った無料のハンズオン

21

「Azure Portal での管理」をクリックしてみます

Page 22: Azure App Service を使った無料のハンズオン

22

このサイトを管理ポータルから見ることができます

Page 23: Azure App Service を使った無料のハンズオン

アプリケーションの状態を見る

23

Page 24: Azure App Service を使った無料のハンズオン

アクセスするURL

• URLをhttps://[文字列].scm.azurewebsites.netに変えてアクセスしてみてください。

24

Page 25: Azure App Service を使った無料のハンズオン

こんな画面になるはず

25

Page 26: Azure App Service を使った無料のハンズオン

Kudu

26

Page 27: Azure App Service を使った無料のハンズオン

Kudu (くーずー)

• https://github.com/projectkudu/kudu

• Kudu は Azure App Service の Git デプロイの裏側で動くエンジンです。

–デプロイエンジンと言っておきながら、様々な機能が実装されている。

27

Page 28: Azure App Service を使った無料のハンズオン

設定の確認

28

Page 29: Azure App Service を使った無料のハンズオン

ファイルの確認・変更

29

Page 30: Azure App Service を使った無料のハンズオン

稼働中プロセスの一覧

30

Page 31: Azure App Service を使った無料のハンズオン

トラブルシューティングツール

31

Page 32: Azure App Service を使った無料のハンズオン

拡張機能の管理

32

Page 33: Azure App Service を使った無料のハンズオン

Let’s dream and then let’s build.- Ray Ozzie

冨田 順 (@harutama)http://twitter.com/harutama

33