Component Implementation
HTTP Res: data result
API Gateway
NPM: React Component Implementation
Message: isReady
HTTP Res: save result
Phase 1: Initialize
Phase 3: Interaction
Load CDN files by version
Props: onSave callback
Ready To Use
HTTP Req: business request logic
User
Message: save result
Communicate by React Props
Communicate by iframe PostMessage
HTTP Req: save api
CDN
HTTP Req: check auth by appId and email
Busniness Application
Bootstrap
Init component with props
Excute in an iframe
Props: params
HTTP Res: isAuthorized = true
CDN Server
js & css file
Message: isAuthorized = true
Environmental Isolation
Phase 2: Render
Message: check auth
mount component in root element
Click: save button
Communicate by HTTP
render component with props
