Console Home microfrontend

Digital Enabler Console Home microfrontend

Digital Enabler - Console Home microfrontend

The Console Home microfrontend shows most commonly used services with 2 cards at the bottom as an introduction or a guide for new users.

NOTE: See here on how to mount a microfrontend and also here to more info about Microfrontend application for Digital Enabler.

Pre-requisites

Before you continue you need to

• have NPM installed
• have NodeJS installed
• have VueJS and Vue-CLI installed
• have a GitHub account
• use VisualStudio Code or IntelliJ Idea as your development IDE

Project management

Installation

Open a Terminal window in the project folder and go inside the app folder, then launch the command:

npm install

NOTE: When install finished, do not care about the warnings on the versions and vulnerability problems reported, and DO NOT launch the npm audit fix or npm audit fix –force commands

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

NOTE: Alternatively to the command indicated above you can use the VueUI browser interface

Configs file

To work properly the Console Home needs an console-home-config.json file with this settings:

{
  "mf": "Console Home",
  "api": "https://[generic_api_location]/api",
  "tools":{
      "dashboardManager":"[link_to_dashboardManager]",
      "dataMashup":"[link_to_dataMashup]",
      "dataFlow":"[link_to_dataFlow]",
      "deviceManager":"[link_to_deviceManager]",
      "cloudDev":"[link_to_cloudDev]",
      "identityManager":"[link_to_identityManager]",
      "apiGateway": "[link_to_apiGateway]",
      "aiStudio": "[link_to_aiStudio]",
      "storage": "[link_to_storage]",
      "databaseManager": "[link_to_databaseManager]",
   },
   "welcome":{
      "digitalEnabler":"[link_to_digitalEnabler]",
      "trainingPath":"[link_to_trainingPath]",
      "youtubeVideos":"[link_to_youtubeVideos]",
   },
   "quickStart":{
      "howToCreateMashup":"[link_to_howToCreateMashup]",
      "howToRegisterDevice":"[link_to_howToRegisterDevice]",
      "howToDefineWorkflow":"[link_to_howToDefineWorkflow]",
   }
}

This json file must to be stored and setted as described here and also here.