junhuif

IAM Architecture for Admin Consoles

This document describes the Identity and Access Management (IAM) architecture for our suite of admin consoles (CMS, OMS, PIM, etc.). The architecture centralizes authentication and authorization through an API Gateway, allowing individual services to focus on business logic.

Table of Contents

1. Overview
2. Architecture
3. Components
4. Authentication Flows

junhuif

const SERVICE_ORDER_FETCHER = "orderFetcher";

const STATE_COMPLETED = "completed";
const STATE_FAILED = "failed";

const FETCH_INTERVAL = 500;
const MAX_FETCH_COUNT = 3;

const ERROR_ORDER_CODE_IS_UNDEFINED = new Error("orderCode is undefined");
const ERROR_FETCH_TIMES_OVER_LIMITS = new Error(

junhuif

const SERVICE_ORDER_FETCHER = "orderFetcher";

const STATE_COMPLETED = "completed";
const STATE_FAILED = "failed";

const FETCH_INTERVAL = 1000;
const MAX_FETCH_COUNT = 60;

const ERROR_ORDER_CODE_IS_UNDEFINED = new Error("orderCode is undefined");
const ERROR_FETCH_TIMES_OVER_LIMITS = new Error(

junhuif

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

junhuif

const SERVICE_CONFIRM_ORDER_FETCHER = "confirmOrderFetcher";
const ACTION_ON_ORDER_CONFIRMED = "onOrderConfirmed";
const STATE_SUBMITTING = "submitting";

// https://xstate.js.org/viz/?gist=886857c070d6f5a20bc1fd638e99192c
const confirmationMachine = Machine({
  id: "confirmation",
  initial: "editing",
  context: {},
  states: {

junhuif

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

junhuif

const submitMachine = Machine(
  {
    initial: "idle",
    context: {
      orderCode: "some"
    },
    states: {
      idle: {
        on: {
          SUBMIT: [

junhuif

App&
  Content
    Stores
      pick store -> Categories
    Categories
      pick category -> Product List
      back to store list -> Stores
    Product List
      choose product -> Product
      back to categories -> Categories

junhuif

/**
 * Translucent borders
 */

body {
	background: url('http://csssecrets.io/images/stone-art.jpg');
}

div {
	border: 10px solid hsla(0,0%,100%,.5);

junhuif

#root