3.1.- Desarrollo: configuración y despliegue en weblogic - local

3.1.1.- Configuración nodejs

Hacemos doble click sobre el instalador de la versión 10.15.1 de nodejs en la ruta S:\TTO\node-v10.15.1-x64.msi, pulsamos sobre el botón de Ejecutar, Next en la siguiente pantalla y por ultimo aceptamos las condiciones de uso. En el siguiente paso nos aparecerá una pantalla donde podemos elegir la ruta en la que queremos instalar nodejs.

Elegimos la ruta que deseemos de nuestro equipo y pulsamos Next. En la siguiente pantalla nos aparecerán los diferentes elementos de nodejs que se nos van a instalar.

Pulsamos Next y a install, esperamos a que la instalación se complete y por último le damos a finish. Con esto tendremos nodejs instalado y añadido a nuestro path.

3.1.2.- Configuración Angular Cli (https://cli.angular.io/)

Angular CLI es la forma más cómoda para empezar a desarrollar aplicaciones web, móvil con Angular X, es una herramienta de linea de comandos que facilita la creación, generación, ejecución, testing y deploy.

Abrimos el cmd de windows y ejecutamos la siguiente instrucción

npm install -g @angular/cli@6.2.9

Una vez se ejecute, empezará a realizar una gran cantidad de descargas e instalaciones de paquetes. Es necesario tener un poco de paciencia y esperar a que termine.

Para actualizarlo:

npm uninstall -g @angular-cli
npm cache clean
npm cache verify
npm install -g @angular/cli@latest

3.1.3.- Configuración de equipo

Recursos compartidos del proyecto

Será necesario tener los siguientes recursos en nuestro equipo la carpeta C:\compartido\app\arca 

Permiso PAU - IP's

Configuración de Workspace

Para gestionar el repositorio GIT, tenemos estas herramientas de trabajo. En "C:\Workspace\WS_Weblogic", crear dos carpetas llamadas "arca_core" y "arca_front", donde descargaremos el proyecto.

3.1.4.- Configuración IDE para ARCA_CORE

Una vez tengamos instalado Eclipse y Weblogic y configurado JAVA 1.7 . Nos importamos el proyecto a Eclipse.

Dentro del proyecto descargado, tenemos un entregable generado en C:\Workspace\WS_Weblogic\arca_core, en la carpeta src/conf/properties se encuentran, separados por entornos, los archivos con las propiedades de la aplicación. Para hacer funcionar la aplicación se debe copiar el contenido a C:\config\arca.

También hay que copiar el contenido de la carpeta src/conf/compartido a C:\compartido\app\arca.

Ademas, en la carpeta src/conf/data-sources se encuentran, separados por entornos, la configuración del DataSource necesario por el servidor WebLogic para conectar con la base de datos. Para instalar el DataSource ir a Servicios→Origenes de datos en la consola de administrador de Weblogic, seleccione "Nuevo"→"Origen de datos genérico" y siga los pasos que salgan en pantalla

Para desplegar el core en nuestro entorno local, hay que generar arca_core.ear y desplegarlo en nuestro Weblogic.

3.1.5.- Configuración IDE para frontales

Visual Studio Code

La solución de Visual Studio Code, puede ser la mas recomendable, ya que el plugin de eclipse consume mucha mas memoria. Para usar el Visual Studio Code accederemos a la siguiente URL:

• https://code.visualstudio.com/
  

Descargaremos la versión instalable del programa o el .zip. Una vez se haya instalado veremos una pantalla similar a la siguiente imagen:

Importación del proyecto Angular

Desde esta pantalla pulsaremos en File => Open Folder y seleccionaremos el directorio raíz del proyecto Angular. (C:\Workspace\WS_Weblogic\ARCA_FRONT)
NOTA: Para poder realizar el autoimportado de los componentes es necesario instalar una extensión. Por lo que se deberá pulsar la tecla:

• Ctrl + p

y escribir ext install auto-import pulsar la tecla enter y en el menú lateral de la izquierda aparecerá la extensión a instalar.

Ejecución de la aplicación

Para ejecutar la aplicación dentro del Visual Studio, puedes desplegar en el menú: Ver → Terminal Integrado

Allí para compilar por primera vez, escribir el siguiente comando:

npm install

ng serve

@SET JAVA_HOME=C:/java/jdk1.7.0_72
@SET ANT_HOME=C:/apache-ant-1.9.6
@SET SRV_LIB=P:/ENTREGABLES/Weblogic-Librerias/Completas
@SET CMN_LIB=P:/ENTREGABLES/Weblogic-Librerias/Comunes
 
%ANT_HOME%/bin/ant -Dsrv.lib=%SRV_LIB% -Dcmn.lib=%CMN_LIB% -l build_entregable.log
pause