SlideShare a Scribd company logo
Azure
App Service Authentication
― Azure App Service 上に、Web サイトを立てて、の話 ―
Azure App Service 認証ってなに?
What’s “Azure App Service Authentication”?
あっ!という間に「Twitterでログイン」が作れてしまう機能
• Azure ポータルでぽちぽち設定するだけ!
• Webサイト側の実装は不要
☞ 静的コンテンツだけの Web サイトでもOK!
※「Twitter でログイン」以外にも下記に対応
「facebook でログイン」
「Google アカウントでログイン」
「Microsoftアカウントでログイン」
「Azure Active Directory でログイン」
https://apps.twitter.com から “Create New Apps” して、Web サ
イトを登録、API Key と API Secret を GET!
Azure ポータルで App Service Auth を有効化、
“Twitterでログイン” を指定、API Key と Secret を SET!
以上!
この Web サイトにアクセスしてみると…
Azure App Service Authentication
Twitter で承認を
求められるようになった!
どう活用できる?
• 静的コンテンツのみの開発中のWebサイトを、一般公開前に関
係者限定に保護する、とか?
静的コンテンツのみWebサイトではちょっと難しい
• 認証まではやってくれるけど、認可=「誰がアクセス許可され
ているか」を制御するところまではやってくれないっぽい。
• 「Twitterでログイン」だと、Twitter アカウント持ってる人なら誰でも
アクセスできることになる。
• 「Azure Active Directory でログイン」であれば「AさんとBさんにだけ公
開!」ができる (らしい)。
サーバー側プログラム書いてよければ対応可能
• 要求ヘッダにユーザー情報が格納されてる
• これでアクセス可否を判定できる
• 要求ヘッダ見るだけだから処理系に依存しない
• PHP, Java, Python, C#/F#/VB, Node.js, etc…
アクセストークンも取得できる
• 要求ヘッダにこんなものが。
• 「Twitterでログイン」なら、ログインしたユーザーのTwitterア
カウントでつぶやいたりできる …はず。 (すみません、未確認)
クライアント側 JavaScript からでも
• ブラウザにロードされた JavaScript から /.auth/me に HTTP GET す
ることでも JSON でアクセストークン取り出せる
• クライアント側実装だけで Twitter に投稿できる …はず (すみません、未確認)
• えと、それって、Azure Mobile App なんすかね? (すみません、わかってません)
疑問: マイク○ソフトにロックインされんじゃね?
Question
大丈夫なんじゃないかな!
• 本気だせば「Twitterでログイン」くらい自分でも実装できるか
ら、大丈夫なんじゃないかな!
• Her○ku にデプロイしなくちゃならないときが来たら、その時
考えればいいんじゃないかな!
Conclusion
まとめ
App Service Authentication、覚えておくと便利! …かも?
• Azure ポータルでぽちぽち設定するだけ!
• Webサイト側の実装は不要
☞ 静的コンテンツだけの Web サイトでもOK!
Learn, Practice, Share.
Happy coding :)

More Related Content

PDF
Facebookアクセストークンのセキュリティ再確認
PDF
20220405INSTMessengerSlack通知機能.pdf
PDF
Sns連携アプリの準備
PPTX
非開発者向けOffice アドイン開発(体験)方法の紹介
PPT
Android Hacks - Hack26
PPTX
Editor-based REST Client のご紹介
PDF
SU16 リリースノート輪読(ISVforce)
PPTX
Firebase hands on in Matsuyama
Facebookアクセストークンのセキュリティ再確認
20220405INSTMessengerSlack通知機能.pdf
Sns連携アプリの準備
非開発者向けOffice アドイン開発(体験)方法の紹介
Android Hacks - Hack26
Editor-based REST Client のご紹介
SU16 リリースノート輪読(ISVforce)
Firebase hands on in Matsuyama

Viewers also liked (9)

PDF
セッション中に Twitter につぶやく!
PDF
CLR/H 第99回勉強会ライトニングトーク
PDF
ハードウェア脳とソフトウェア脳
PDF
ASP.NET 開発で活躍する BlackJumboDog
PDF
Ohotech特盛#5予告 - タートルグラフィックでいろんな模様を描いてみよう!
PPTX
Angular2実践入門
PDF
インフラエンジニアがUnityをやるべきたった一つの理由
PDF
angular1脳で見るangular2
PDF
Azure Virtual Machines設計の勘所 | Microsoft Tech Summit 2017
セッション中に Twitter につぶやく!
CLR/H 第99回勉強会ライトニングトーク
ハードウェア脳とソフトウェア脳
ASP.NET 開発で活躍する BlackJumboDog
Ohotech特盛#5予告 - タートルグラフィックでいろんな模様を描いてみよう!
Angular2実践入門
インフラエンジニアがUnityをやるべきたった一つの理由
angular1脳で見るangular2
Azure Virtual Machines設計の勘所 | Microsoft Tech Summit 2017
Ad

More from Jun-ichi Sakamoto (20)

PDF
C# で SPA を作る BLAZOR WEBASSEMBLY の進化 - そしてその先へ
PDF
Pre-render Blazor WebAssembly on static web hosting at publishing time
PDF
WebAssemblyが切り拓くフロントエンドWeb開発の未来
PDF
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
PDF
Azure Application Insights + Angular5+ - Global azure boot camp 2019@sapporo LT
PDF
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
PDF
C# で Single Page Web アプリを 開発できる Blazor ― その魅力
PDF
ライトニングトーク - とある LINE Bot の開発記「とても腹立たしいことがあったのです」
PDF
「ゆるくLTをしよう勉強会@旭川」jsakamoto 予告編
PDF
Ohotech特盛#14 セッション4 予告編
PDF
Ohotech特盛#13 スマホで操作する カメラ付きWi-Fiラジコンカー ― C#とラズパイとWebアプリの技術で作っちゃおう! ―
PDF
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
PDF
息子たちがローマ字勉強するための <s>HTML5</s> Web標準 アプリ作ってみた
PDF
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
PDF
One horror stories around NuGet
PDF
How to automated test a web application with sending e mail feature
PDF
Introduction of "MarkdownPresenter"
PDF
ASP.NET SignalR によるクイズWebアプリ 「みんなで同時プレイするWebアプリでCodeQuizに挑戦!」
PDF
[予告篇] みんなで同時プレイするクイズWebアプリでCodeQuizに挑戦!
PDF
ASP.NET で作るとあるTwitter Bot -開発環境からネット公開までぜんぶ無料だよ!-
C# で SPA を作る BLAZOR WEBASSEMBLY の進化 - そしてその先へ
Pre-render Blazor WebAssembly on static web hosting at publishing time
WebAssemblyが切り拓くフロントエンドWeb開発の未来
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Azure Application Insights + Angular5+ - Global azure boot camp 2019@sapporo LT
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリを 開発できる Blazor ― その魅力
ライトニングトーク - とある LINE Bot の開発記「とても腹立たしいことがあったのです」
「ゆるくLTをしよう勉強会@旭川」jsakamoto 予告編
Ohotech特盛#14 セッション4 予告編
Ohotech特盛#13 スマホで操作する カメラ付きWi-Fiラジコンカー ― C#とラズパイとWebアプリの技術で作っちゃおう! ―
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
息子たちがローマ字勉強するための <s>HTML5</s> Web標準 アプリ作ってみた
More Azure Websites! - JAZUGさっぽろ "きたあず" 第5回勉強会ライトニングトーク
One horror stories around NuGet
How to automated test a web application with sending e mail feature
Introduction of "MarkdownPresenter"
ASP.NET SignalR によるクイズWebアプリ 「みんなで同時プレイするWebアプリでCodeQuizに挑戦!」
[予告篇] みんなで同時プレイするクイズWebアプリでCodeQuizに挑戦!
ASP.NET で作るとあるTwitter Bot -開発環境からネット公開までぜんぶ無料だよ!-
Ad

Azure App Service Authentication