{"id":67,"date":"2018-01-13T11:36:40","date_gmt":"2018-01-13T11:36:40","guid":{"rendered":"http:\/\/tonysbit.blog\/?p=67"},"modified":"2018-01-13T11:36:40","modified_gmt":"2018-01-13T11:36:40","slug":"n-tier-identity-provider-part-1-why","status":"publish","type":"post","link":"https:\/\/tonysbit.blog\/?p=67","title":{"rendered":"N-tier Identity Provider &#8211; Why?"},"content":{"rendered":"<h3>Cheat Sheet (For the university kids)<\/h3>\n<ul>\n<li>Distributed Architecture is the &#8220;bees knees&#8221; in web technology (scalability, dependency management &amp; service management)<\/li>\n<li>Stateless communication is ideal for single page applications as view generation logic is completely separate from application data logic.<\/li>\n<li>Authentication is required on every request in stateless communication<\/li>\n<li>Identity can be shared between applications<\/li>\n<li>Users want to experience Single-Sign-On especially in enterprise<\/li>\n<\/ul>\n<h3>Why the why?!<\/h3>\n<p>This post will be exploring the required understanding to derive the why of what we will be building in the next few weeks. Without a &#8220;WHY&#8221;, even with a &#8220;WHAT&#8221; and &#8220;HOW&#8221; the learning becomes meaningless. Armed with a &#8220;WHY&#8221; I genuinely believe even without touching a piece of code, project managers, technical operations and even the everyday user can benefit from understanding the goal of this series.<\/p>\n<h3>Modern Software Architecture<\/h3>\n<p>In modern web-based technology, distributed architecture is key.<\/p>\n<p>Distributed architecture has 3 key functions:<\/p>\n<ol>\n<li>Clearly defined dependencies<\/li>\n<li>Efficient scaling<\/li>\n<li>Re-usable components<\/li>\n<\/ol>\n<p>No area does this hold more true for than in &#8220;Identity&#8221;. A user can be thought of as a persistent record (Or partial record) not only within a entire app but also across different apps. The question &#8220;Identity&#8221; aims to answer (to your app) is the same question your pubescent self once tried to answer:<\/p>\n<blockquote>\n<p style=\"text-align:center;\"><strong>WHO AM I?!<\/strong><\/p>\n<\/blockquote>\n<p>To explore how this can be answered we first need to understand the two basic forms of communication between server-client communication.<\/p>\n<ol>\n<li>Stateful<\/li>\n<li style=\"text-align:justify;\">Stateless<\/li>\n<\/ol>\n<h4><em><strong>1. Stateful Communication<\/strong><\/em><\/h4>\n<p><strong>Stateful:<\/strong> The state of interaction is recorded therefore the context of communication can be derived not only from the information sent from client to server but also from previously established state.<\/p>\n<figure id=\"attachment_74\" aria-describedby=\"caption-attachment-74\" style=\"width: 1834px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74\" src=\"https:\/\/tonysbit.files.wordpress.com\/2018\/01\/stateful-communication.png?resize=640%2C285\" alt=\"Stateful Communication\" width=\"640\" height=\"285\" srcset=\"https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateful-communication.png?w=1834&amp;ssl=1 1834w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateful-communication.png?resize=300%2C134&amp;ssl=1 300w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateful-communication.png?resize=1024%2C457&amp;ssl=1 1024w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateful-communication.png?resize=768%2C343&amp;ssl=1 768w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateful-communication.png?resize=1536%2C685&amp;ssl=1 1536w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateful-communication.png?resize=1568%2C699&amp;ssl=1 1568w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateful-communication.png?w=1280&amp;ssl=1 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><figcaption id=\"caption-attachment-74\" class=\"wp-caption-text\">Figure 1: High level stateful client-server communication<\/figcaption><\/figure>\n<h5>Why use stateful communication?<\/h5>\n<p>In some web-frameworks (Such as .NET MVC) UI rendering is done statically via generation of the source code (HTML, CSS &amp; JavaScript) on server-side which is than sent to client-side. In the event of a partial re-render (Good example being filtering on a table) the server would require a understanding of what has previously been rendered to prevent unnecessary communication (Only sending to the client the <strong>new section\u00a0<\/strong>not the <strong>entire page<\/strong>). This understanding or &#8220;State&#8221; is therefore stored on server and after establishment, all the client would need to do use this established state is send a reference.<\/p>\n<p>As apart of this state-management you can also store the identity of the user and therefore handle security based on this state.<\/p>\n<h5>Why this is not my recommended approach.<\/h5>\n<ul>\n<li>Stateful communication is managed differently in different technologies, therefore it makes multi-technology environments difficult to develop and maintain (I.e. web-app + iOS app)<\/li>\n<li>If identity is <strong>only<\/strong> maintained by client-server state, it makes it much more difficult (close to impossible) to create a smooth SSO experience<\/li>\n<li>Communication is much more complicated as to understand the communication you also need to understand the state stored on server (Complicating debugging and unit testing).<\/li>\n<\/ul>\n<h5>Time and place<\/h5>\n<p>At university most my courses was learning stateful communication based technology (.NET 4.5, JSP, JSF etc&#8230;) but upon learning about single page applications I could immediately understand the weaknesses of stateful communication. Without the requirement of server-side view generation, the benefits of stateful communication (admittedly there are some) do not outweigh the negatives. If you have a scenario where stateful communication is preferable (maybe a high-frequency polling web-application where the security verification overhead of communication would be too high in stateless communication) I am keen to discuss and please comment below.<\/p>\n<h4><em><strong>2. Stateless Communication<\/strong><\/em><\/h4>\n<p><strong>Stateless<\/strong>: The state of interaction is not-recorded beyond the request. All required context must be derived from the request sent.<\/p>\n<figure id=\"attachment_73\" aria-describedby=\"caption-attachment-73\" style=\"width: 1834px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-73\" src=\"https:\/\/tonysbit.files.wordpress.com\/2018\/01\/stateless-communication1.png?resize=640%2C285\" alt=\"Stateless Communication\" width=\"640\" height=\"285\" srcset=\"https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateless-communication1.png?w=1834&amp;ssl=1 1834w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateless-communication1.png?resize=300%2C134&amp;ssl=1 300w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateless-communication1.png?resize=1024%2C457&amp;ssl=1 1024w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateless-communication1.png?resize=768%2C343&amp;ssl=1 768w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateless-communication1.png?resize=1536%2C685&amp;ssl=1 1536w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateless-communication1.png?resize=1568%2C699&amp;ssl=1 1568w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/stateless-communication1.png?w=1280&amp;ssl=1 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><figcaption id=\"caption-attachment-73\" class=\"wp-caption-text\">Figure 2: High level stateless client-server communication<\/figcaption><\/figure>\n<h5>Why this is my recommended approach.<\/h5>\n<p>By never assuming state<\/p>\n<ul>\n<li>request management is clear and very well scoped<\/li>\n<li>following a request is as simply as sending the same request a second time<\/li>\n<li>communication can be framed in a well-known multi-technology format (Such as the RESTFul architecture)<\/li>\n<\/ul>\n<h5>Terms and conditions apply.<\/h5>\n<p>Just with almost everything in life there is a compromise in stateless communication. As there is no state, every request needs to be separately authorized and validated. This would not be ideal if we were doing server-side rendering (Imagine having to re-authorize every resorting of a table! The horror!). Thankfully this has been largely solved through modern UI SPA (Single page application such as Angular or React (To be continued in another post)) frameworks where client-server communication is separated between UI Logic and Application-data Logic, therefore only application-data requests would need to be authenticated (Much more tolerable).<\/p>\n<h3>Identity<\/h3>\n<p>Hopefully by now you agree (Or disagree but commented) as to why we will be using stateless communication. Without a state however how will you be able to identify yourself to the application? Very simply, we need to send with our request a <strong>identification token (Or cookie)<\/strong> to ensure that the application server will take our request appropriately.<\/p>\n<p>Simple enough? Now ask yourself&#8230; Why can&#8217;t we use that identification token between applications?! If my name is Tony on Facebook, why wouldn&#8217;t it be Tony on LinkedIn? The answer to this question is <strong>ABSOLUTELY<\/strong> we can use the same identification token, this rings true especially in Enterprise environments where your real identity matches your application identities.<\/p>\n<figure id=\"attachment_75\" aria-describedby=\"caption-attachment-75\" style=\"width: 1698px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-75\" src=\"https:\/\/tonysbit.files.wordpress.com\/2018\/01\/sharedidentity.png?resize=640%2C356\" alt=\"SharedIdentity\" width=\"640\" height=\"356\" srcset=\"https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/sharedidentity.png?w=1698&amp;ssl=1 1698w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/sharedidentity.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/sharedidentity.png?resize=1024%2C569&amp;ssl=1 1024w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/sharedidentity.png?resize=768%2C427&amp;ssl=1 768w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/sharedidentity.png?resize=1536%2C854&amp;ssl=1 1536w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/sharedidentity.png?resize=1568%2C872&amp;ssl=1 1568w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/sharedidentity.png?w=1280&amp;ssl=1 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><figcaption id=\"caption-attachment-75\" class=\"wp-caption-text\">Figure 3: High level Identity resolution<\/figcaption><\/figure>\n<p>As depicted above, the &#8220;UserX&#8221; component of the application&#8217;s user identity is the same in every system therefore the UserX should be able to log into all 3 systems with the same identity. Each application than should be able to resolve the user independently and add on its own application specific Identity information (ie. Sales Manager, Employee Entitlement Id etc.).<\/p>\n<h3>Case and Point<\/h3>\n<p><strong>This is the holy grail of UX.<\/strong> Ever use your google account to log into Dropbox? Or use Facebook to log into Instagram?! This is the <strong>&#8220;WHY&#8221;<\/strong> of this series. After this series, not only should you know how to authenticate your own Web-API with a existing identity provider (In this series we will explore OpenID Connect) but to build your own scalable &#8220;Identity Provider&#8221; ready to be used by ALL the applications you wish to share a Identity across.<\/p>\n<p>Why we <strong>externalize the identity provider<\/strong> from our application is quite simple when looking at the diagram above. If we created a centralized identity based on another applications identity such as O365&#8217;s user identity (Which is possible), anytime O365 is taken offline, all your other applications would cease to be able to authenticate users (causing 100 help desks tickets and many upset users.) As such we separate the identity providing service as it is a super-dependency (Highest level dependency). There are product suites that do this separation for you.<\/p>\n<p>The two I would recommend are\u00a0<strong>AzureAD<\/strong> or <strong>Okta<\/strong><\/p>\n<p><strong>AzureAD:<\/strong> https:\/\/docs.microsoft.com\/en-us\/azure\/active-directory\/active-directory-whatis<\/p>\n<p><strong>Okta:<\/strong> https:\/\/www.okta.com\/products\/it\/<\/p>\n<p>In this series though we will be building this ourselves using Identity Server 4, Docker, Reddis, PostGRE and more because even if in production you want to &#8220;pay to make it go away&#8221; I believe there is still a educational experience to be had and all technology I will be using is either free or has a free community version.<\/p>\n<p>Bonus for getting to the end (Starting architecture we will be building ;)).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-76\" src=\"https:\/\/tonysbit.files.wordpress.com\/2018\/01\/architecture-v1.png?resize=640%2C415\" alt=\"Architecture V1\" width=\"640\" height=\"415\" srcset=\"https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/architecture-v1.png?w=1786&amp;ssl=1 1786w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/architecture-v1.png?resize=300%2C194&amp;ssl=1 300w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/architecture-v1.png?resize=1024%2C663&amp;ssl=1 1024w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/architecture-v1.png?resize=768%2C498&amp;ssl=1 768w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/architecture-v1.png?resize=1536%2C995&amp;ssl=1 1536w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/architecture-v1.png?resize=1568%2C1016&amp;ssl=1 1568w, https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/architecture-v1.png?w=1280&amp;ssl=1 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cheat Sheet (For the university kids) Distributed Architecture is the &#8220;bees knees&#8221; in web technology (scalability, dependency management &amp; service management) Stateless communication is ideal for single page applications as view generation logic is completely separate from application data logic. Authentication is required on every request in stateless communication Identity can be shared between applications [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":75,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8,13],"tags":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/tonysbit.blog\/wp-content\/uploads\/2018\/01\/sharedidentity.png?fit=1698%2C944&ssl=1","_links":{"self":[{"href":"https:\/\/tonysbit.blog\/index.php?rest_route=\/wp\/v2\/posts\/67"}],"collection":[{"href":"https:\/\/tonysbit.blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tonysbit.blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tonysbit.blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tonysbit.blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=67"}],"version-history":[{"count":0,"href":"https:\/\/tonysbit.blog\/index.php?rest_route=\/wp\/v2\/posts\/67\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tonysbit.blog\/index.php?rest_route=\/wp\/v2\/media\/75"}],"wp:attachment":[{"href":"https:\/\/tonysbit.blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=67"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tonysbit.blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=67"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tonysbit.blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}