Sweden Loading... India Loading... Data flow diagram PhoenixEMS UI - Data Flow ArchitectureUserBrowser.AppAppComponentServiceWebsocketEdgeLiveDataService.UI ComponentsOpenEMS BackendUserUserBrowser/AppBrowser/AppAppComponentAppComponentServiceServiceWebsocketWebsocketEdgeEdgeLiveDataService/HistoryDataServiceLiveDataService/HistoryDataServiceUI Components(Widgets/Charts)UI Components(Widgets/Charts)OpenEMS BackendOpenEMS BackendApplication InitializationOpen ApplicationInitializeInitializeconnect()WebSocket ConnectionConnection EstablishedConnection ReadyAuthentication FlowEnter CredentialsAuthenticateWithPasswordRequestSend JSON-RPC RequestAuthenticateResponse (token, user)Update User & MetadataInitialize Edge ObjectsSave Token (Cookie)Edge Selection & NavigationSelect Edge DevicesetCurrentEdge(edgeId)Activate EdgeGetEdgeConfigRequestSend RequestGetEdgeConfigResponseEdgeConfigNotificationUpdate EdgeConfigConfig ReadyLive Data SubscriptionSubscribe to Channelssubscribe(channelAddresses)SubscribeChannelsRequestSend SubscriptionSubscription ConfirmedReal-Time Data UpdatesCurrentDataNotification (periodic)Update CurrentDatacurrentData.next(data)Observable UpdateTransform DatacurrentValue Signal UpdateRe-render UIHistory Data QuerySelect Time RangeQuery HistoryqueryEnergy(from, to, channels)EdgeRpcRequestQueryHistoricTimeseriesEnergyRequestSend QueryQueryHistoricTimeseriesEnergyResponseResponse DataPromise ResolvedReturn DataUpdate ChartsComponent ConfigurationConfigure ComponentUpdateComponentConfigRequestSend Config UpdateApply ConfigurationSuccess/Error ResponseEdgeConfigNotification (updated)Update ConfigConfig UpdatedSystem CommandsExecute System CommandComponentJsonApiRequestSend API RequestExecute CommandCommand ResponseResponseDisplay ResultError HandlingJsonrpcResponseErrorHandle ErrorNotify ErrorDisplay Toast/AlertShow Error MessageLogout FlowLogoutLogoutRequestSend LogoutLogout ConfirmedClose ConnectionClear SessionReset StateRedirect to LoginPhoenixEMS UI - Data Flow ArchitectureUserBrowser.AppAppComponentServiceWebsocketEdgeLiveDataService.UI ComponentsOpenEMS BackendUserUserBrowser/AppBrowser/AppAppComponentAppComponentServiceServiceWebsocketWebsocketEdgeEdgeLiveDataService/HistoryDataServiceLiveDataService/HistoryDataServiceUI Components(Widgets/Charts)UI Components(Widgets/Charts)OpenEMS BackendOpenEMS BackendApplication InitializationOpen ApplicationInitializeInitializeconnect()WebSocket ConnectionConnection EstablishedConnection ReadyAuthentication FlowEnter CredentialsAuthenticateWithPasswordRequestSend JSON-RPC RequestAuthenticateResponse (token, user)Update User & MetadataInitialize Edge ObjectsSave Token (Cookie)Edge Selection & NavigationSelect Edge DevicesetCurrentEdge(edgeId)Activate EdgeGetEdgeConfigRequestSend RequestGetEdgeConfigResponseEdgeConfigNotificationUpdate EdgeConfigConfig ReadyLive Data SubscriptionSubscribe to Channelssubscribe(channelAddresses)SubscribeChannelsRequestSend SubscriptionSubscription ConfirmedReal-Time Data UpdatesCurrentDataNotification (periodic)Update CurrentDatacurrentData.next(data)Observable UpdateTransform DatacurrentValue Signal UpdateRe-render UIHistory Data QuerySelect Time RangeQuery HistoryqueryEnergy(from, to, channels)EdgeRpcRequestQueryHistoricTimeseriesEnergyRequestSend QueryQueryHistoricTimeseriesEnergyResponseResponse DataPromise ResolvedReturn DataUpdate ChartsComponent ConfigurationConfigure ComponentUpdateComponentConfigRequestSend Config UpdateApply ConfigurationSuccess/Error ResponseEdgeConfigNotification (updated)Update ConfigConfig UpdatedSystem CommandsExecute System CommandComponentJsonApiRequestSend API RequestExecute CommandCommand ResponseResponseDisplay ResultError HandlingJsonrpcResponseErrorHandle ErrorNotify ErrorDisplay Toast/AlertShow Error MessageLogout FlowLogoutLogoutRequestSend LogoutLogout ConfirmedClose ConnectionClear SessionReset StateRedirect to Login