「Comm Tech Festival - こみゅぷらす (COMU+)」の登壇資料です。 https://comuplus.doorkeeper.jp/events/30403 「Node.js でサクッと作れるAzure AD社内アプリ！〜挑戦編」 大平 かづみ (Windows女子部 team Cloud)

1. Node.js アプリケーションで Azure AD のシングルサインオン

2. Self Introduction

3.  現職: アイレット株式会社 cloudpack事業部
 クラウドインテグレーターのなかのプログラマ
 過去の経歴
 SIer でガラケーやカーナビのミドルウェア開発 (C/C++)
 Web系開発 (Ruby on Rails, Phalcon PHP Framework)
 お世話になっているコミュニティ
 Windows女子部 チームクラウド
 SoftLayer / Bluemix 女子会
 Japan AWS User Group (JAWSUG)
 qpstudy 、DevLOVE 、PHP界隈 など
Twitter: dz_
Facebook: dzeyelid
Qiita: dz_

4. はじめに

6. The beginning

7.  アプリケーションに、欠かせないのがID管理
 とはいえ、ID管理や認証処理は意外と大変！
 ID管理をより簡単に安全にできないかしら？

8. Speaking of identity management

9. Active Directory?

10. Active Directory?
イタリアン・神
引用元: Episode 86 - Windows Azure Active Directory with Vittorio Bertocci - Microsoft Azure Cloud Cover Show - Channel 9

11. Active Directory?
ジャパニーズ・神
引用元:ビル・ゲイツ絶賛！Microsoft澤円氏の「結果を出すビジネス会話」6つの極意 - リクナビNEXTジャーナル

12. 失礼いたしました。

13. そもそも、プログラマが Active Directory を
構築したり、AD FS 連携したりすること自体
が難関です…
AD FSDirectory
アプリケーション連携させる
には、AD のほかに、 AD FS
(フェデレーションサービス)
が必要

14. Choice of IDaaS

15.  Identity as a Service の略
 サービスとしてID管理を提供すること
 主にID情報の管理や、認証機構の提供を行う

16. IDaaS といえば、
Azure
Active Directory

17.  クラウドベースのフルマーネジドなID管理
 多くに対応したシングルサインオン
 業界標準のプロトコルをサポート
 多くのプラットフォームと連携可能
 オンプレミスの Active Directory との同期

18.  サポートしているプロトコル
 SAML 2.0、WS-Federation、OpenID Connect など
 オープン ソースのクライアント ライブラリ
 .NET、Windows ストア、iOS、Android向け
 RESTベースの Graph API
 OAuth 2.0 サポート

19. Let’s try to make application

20. Azure AD が簡単便利なら、アプリケーションの開発
も簡単便利に作りたいね！

21. PaaS を使おう！

22. PaaS といえば、
IBM Bluemix
(WebApps じゃなくてごめんなさい！ 完全に個人都合ですｗ)

23. だって青いクラウドつなげたいじゃないですかっ！
(完全に個人都合)

24. That didn't discourage

25.  実行環境: IBM Bluemix
 言語: Node.js
 Node.jsモジュール: passport, passport-azure-ad

26. Passport is authentication middleware for Node.js

27. Node.js で認証機能を実装するときに重宝するミドル
ウェア。
Expressというウェブアプリケーションフレームワー
クと相性が良い。
Passportは、Strategy という単位で様々な対象に対す
る認証機能が提供されている。Facebook や Twitter な
どの SNS の認証や、OpenID などプロトコルの認証な
ど。

28. Use Azure AD on Passport

29. Passport で Azure AD のシングルサインオンを利用で
きるミドルウェア！
サンプルコードも提供されているので、着手しやす
い。

30. 私のシルバーウィークは
この子との壮絶な戦いに明け暮れる日々でしたｗ

31. Invisible traps

32. サインインから抜け出せない罠
アクセストークンが取得できない罠
サインイン成功してるのに、ログインできない罠

33. Invisible traps

34. サインインから抜け出せない罠
→ マルチテナントを設定しよう！

35. アクセストークンが取得できない罠
→ Microsoftアカウントを使ってサインイン
しようとした場合に発生する。
共通のエンドポイントでなく、ディレクト
リ（テナント）固有のエンドポイントを指
定する。

36. サインイン成功してるのに、ログインできない罠
→ https のアプリケーションの場合は、セッ
ションクッキーの設定を有効にし、 https で
もデータが保持されるようにする。

37. Check! Node.js で Azure AD を！
～ passport-azure-ad の導入とトラブルシューティング

38. Next Challenge?

39. Azure AD B2C Preview
を試したい！

40. Thanks a lot !

41. 謝辞
Microsoft 系アイコンは、福岡の松本
さんが作られたベクター形式のアイ
コンセットを拝借いたしました！
便利です！ありがとうございます！
Microsoft系のアイコン(Microsoft
CloudnEnterprise Symbols)をベクター
形式にしてみた話。 | nrjlog

42. 謝辞
作業を進めるうえで困ったときにア
ドバイスを下さった、デプロイ王子、
こと廣瀬さん
ありがとうございます！

43. 謝辞
今日、この素晴らしい機会をくだ
さった、Windows女子部3代目部長の
木下未来さん
ありがとうございます！！

44. 最後までお付き合いくださった会場の皆さま、
ありがとうございました！