2018年5月26日開催「.NET ラボ勉強会2018年5月」でのセッション資料スライドです。 Ecripse で開発する Java Web アプリケーションを Azure Web Apps にデプロイし、リモートデバッグする手順についてのセッション資料です。実際のセッションではデプロイとリモートデバッグのデモを行いました。

1. VS ユーザーも安心 (^^♪
Java で開発する Azure Web Apps
CPS Corporation, Ltd. Educational Specialist 村地 彰
雲の上はいつも晴れ

2. About me
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo2
 Murachi Akira aka hebikuzure
 CPS Corporation, Ltd. President, Educational Specialist
 Exceed One Co., Ltd. Business Enhancement Unit (Partner)
 Trainocate Japan, Ltd. Technical Educational Specialist (Partner)
 Microsoft MVP (Most Valuable Professional)
 Since Apr. 2011
 Award Category: Windows and Device for IT

3. Web Apps のおさらい
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo3

4. Azure App Service
 Azure のアプリケーション ホスティング PaaS
 Web Apps
 Mobile Apps
 API Apps
 Functions
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo4

5. Web Apps
 Web アプリケーション/ Web サイトのホスティング
PaaS
 Web Apps (Web Apps on Windows)
 Windows VM 上の IIS
 Web Apps on Linux
 Linux VM 上の apache2
 Web Apps for Containers
 Docker Image の実行環境
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo5

6. Web Apps の Pros
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo6
 ニーズに合わせた規模と運用が可能
 オートスケール（in/out, up/down)
 ロードバランサー
 デプロイメント スロット
 .NET, .NET Core, Java, Ruby, Node.js, PHP, Python での
Webアプリ実装
 Git, Team Foundation Server, GitHub, Visual Studio
Team Services 連携による継続的インテグレーションとデリ
バリ(CI/CD)

7. Web Apps のアプリケーション環境
 アプリケーション ランタイムを選択可能
 .NET Framework
 PHP
 Python
 Java
 Web コンテナー
利用可能なバージョンは 2018年5月時点のものです
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo7

8. エンタープライズ / SIer さん大好き Java も使える
 選択するだけで Web コンテナー実行環境が利用可能
 Java バージョンは Java 7 / Java 8 から選択
 マイナー バージョン選択可能
 Java 8 は Zulu (Open JDK ベース) も選択可
 Web コンテナーは Tomcat と Jetty が選べる
 バージョン選択可能
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo8

9. おまけ情報
 Web Apps で HTTP/2 サポート開始
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo9

10. デプロイ
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo10

11. Web Apps への Java Web アプリのデプロイ
 Azure CLI + Maven
 みんな大好き、黒い画面
 コーディングはお好きなエディターで（cf. VS Code）
 Azure Toolkit for Eclipse
 Azure Toolkit for IntelliJ
 おなじみ Java IDE から直接デプロイ
 今日はこちらのお話
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo11

12. Visual Studio なら
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo12
 VS 内から直接 App Service の作成 /デプロイができる

13. Eclipse / IntelliJ では……
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo13
 Azure Toolkit for Eclipse / Azure Toolkit for IntelliJ
 Eclipse / IntelliJ から直接デプロイが可能になる

14. Azure Toolkit for Eclipse / IntelliJ
 新規 App Service / Web App の作成＋デプロイも可能
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo14

15. デプロイの仕組み
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo15
 Eclipse / IntelliJ で Web プロジェクトから WAR を作
成
 WAR を www/webapps にアップロード
 WAR が展開されて Web コンテナで実行される

16. Azure Toolkit for Eclipse のインストール
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo16
1. Eclipse で [Help] – [Install New Software]
2. [Work with] ボックスに http://dl.microsoft.com/eclipse/ と
入力して Enter
3. 表示される一覧で 「Azure Toolkit for Java」を選択
4. [Contact all update sites during install to find required
software] チェックボックスをオフにする
5. [Next] をクリック
6. 後は画面の指示に従ってインストール完了
 ※ https://docs.microsoft.com/en-us/java/azure/eclipse/azure-toolkit-for-eclipse-installation

17. Azure Toolkit for IntelliJ のインストール
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo17
1. IntelliJ で [File] – [Settings]
2. [Plugins] をクリックし、 [Browse repositories] をクリック
3. [Browse Repositories] ダイアログで “Azure” と入力して検
索
4. 検索結果から [Azure Toolkit for IntelliJ] を選択して [Install]
 ※ https://docs.microsoft.com/en-us/java/azure/intellij/azure-toolkit-for-intellij-installation

18. Java IDE から Azure へのサインイン
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo18
 対話型サインインと自動サインインが選択できる
 対話型サインイン
 その都度 Azure アカウント（ユーザー名/パスワード）を入力
 IDE を起動するごとにサインイン操作が必要
 自動サインイン
 資格情報を記憶したファイルを作成し、それを利用してサインイン
 IDE を起動すると自動的に Azure へサインイン

19. 参考ページ
 Azure Toolkit for Eclipse
 https://docs.microsoft.com/ja-jp/java/azure/eclipse/
azure-toolkit-for-eclipse
 Azure Toolkit for IntelliJ
 https://docs.microsoft.com/ja-jp/java/azure/intellij/
azure-toolkit-for-intellij
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo19

20. デバッグ
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo20

21. Visual Studio のリモートデバッグ
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo21
 Azure ポータルで Web Apps のデバッグを有効にする
 後は普通にリモートデバッグ

22. Java Web Apps のリモートデバッグ
 DebugSession client
 JDWP 対応デバッガからリモート デバッグ
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo22

23. デバッグの仕組み
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo23
 DebugSession client がローカル プロキシとして IDE と
Azure 上のアプリケーション サーバーを中継する
DebugSession client

24. リモートデバッグ手順
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo24
1. Azure Web Apps で Web Socket を有効にする
2. web.config でデバッグ モードを有効にする
3. デバッグするクライアントで DebugSession client を実行す
る
4. JDWP 対応デバッガ（cf. Eclipse）から DebugSession
client 経由でリモート デバッグ
1. Eclipse なら [実行] - [デバッグの構成] の [リモート Java アプリケーション] を右クリックして [新規]
2. [複数のランチャーが使用可能です] が表示される場合は [1つ選択] をクリックして [構成固有
の設定を使用] にチェックして [Eclipse JDT ランチャー] を選択して [OK]
3. [接続タイプ] は [標準(ソケット接続)]、ホストは localhost、ポートは DebugSession.bat で指定
したポートを構成して [適用]
4. [デバッグ] クリックでデバッグ開始

25. 参考ページ
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo25
 Remote Debugging Java Web Applications on
Microsoft Azure Websites
 https://github.com/Azure/azure-websites-java-remote-
debugging
 Azure Websites 上の Java アプリをリモートデバッグ
する
 http://normalian.hatenablog.com/entry/2015/01/25/08080
4

26. Demo
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo26

27. DEMO
 Eclipse から Azure Web Apps へのデプロイ
 DebugSession client を使ったリモートデバッグ
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo27

28. Any Question?
26 May 2018©CPS Corporation, Murachi Akira @.NET Labo28