| Table of Contents |
|---|
Introducción
...
En este ZIP se encuentra el código del activo del ejemplo:
...
.
...
Para importarlo simplemente descargaremos el archivo y nos dirigiremos a la sección de “Bundle Load“ dentro de “Version Control” en Plataforma.
...
Previo a ello, tenemos que configurar un par de archivos con variables de entorno para definir en el proyecto los endpoints a los que apuntarás.
Para ello, partiremos del Template Web subido en Github: https://xxx
Una vez descargado el código, con un IDE abiremos el proyecto Vue y editaremos estos dos archivos: .env.production y .env.development.local, los cuales se encuentran en la raíz del proyecto.
...
Descripción de las variables
VUE_APP_APPLICATION = (nombre de la aplicación para cuando se despliega para web/nombre_aplicación)
VUE_APP_PROJECT = ( proyecto/ aplicación donde se asigna el realm y los recursos)
VUE_APP_PLATFORM = https://… (host)
VUE_APP_PLATFORM_I18n = (identificador del fichero internacionalizacion)
VUE_APP_PLATFORM_CONFIGURATION = ASSETCONFIGURATION (fichero configuracion centralizado)
VUE_APP_LOGIN_TYPE = realm (tipo de autenticacion puede ser default, realm)
VUE_APP_AUTH_TYPE = KEYCLOAK (poner KEYCLOAK en caso de KEYCLOAK sino cualquier otro valor o dejar vacío)
VUE_APP_KEYCLOAK_REALMID = onesaitplatform (realmid de keycloak)
VUE_APP_KEYCLOAK_CLIENTID = asset (client id de keycloak)
VUE_APP_THEME = '' (tema de plataforma se recogen los css del tema y se aplican en la aplicación)
...
Cuando se termine de montar, meteremos todo el contenido de la carpeta dist en un archivo ZIP, que .
...
Que será lo que subiremos a los proyectos web de la Plataforma.TODO: enseñar contenido de carpeta dist
Una vez subido, tendrás el activo listo para su uso.
...
Tras desplegar la webapp ya podemos podemos acceder a ella en la URL: https://lab.onesaitplatform.com/web/assetapp
Al parti del Template Web lo primero que nos aparecerá será la UI de Login, que nos permite tener la aplicación securizada contra el Identity Manager de Plataforma:
...