README.md 2.39 KB
Newer Older
Felipe Parodi's avatar
Felipe Parodi committed
1
# Matefun Infantil
lucia's avatar
lucia committed
2

Felipe Parodi's avatar
Felipe Parodi committed
3
4
5
6
7
8
9
10
11
12
13
14
### Heramientas
  * [JavaScript](https://www.javascript.com/): Lenguaje que utilizan la mayoría de los navegadores.
  * [Node.js](https://nodejs.org/): Usado para utilizar javascript del lado del servidor.
  * [NPM](https://www.npmjs.com/): Para manejar los paquetes que utiliza Node.js para sus procesos.
  * [Webpack](https://webpack.js.org/): Para levantar el servidor de desarrollo y crear el `war`.
  * [React.js](https://es.reactjs.org/): Usado para implementar la UI de la aplicación.
  * [Font Awesome](https://fontawesome.com/): Para utilizar sus Iconos en la aplicación.
  * [Babel.js](https://babeljs.io/): Para interpretar las distintas versiones y formas de Javascript.
  
#### Como instalar [Node.js](https://nodejs.org/es/download/) y NPM
  * [Ubuntu](https://nodejs.org/es/download/package-manager/#debian-and-ubuntu-based-linux-distributions-enterprise-linux-fedora-and-snap-packages): sudo apt install nodejs
  * [NVM](https://nodejs.org/es/download/package-manager/#nvm): nvm use 8
lucia's avatar
lucia committed
15

Felipe Parodi's avatar
Felipe Parodi committed
16
Las demás herramientas se encarga de instalar sus paquetes NPM
lucia's avatar
lucia committed
17

Felipe Parodi's avatar
Felipe Parodi committed
18
19
20
21
### Comandos
* `npm install`: Para instalar todas las dependencias.
* `npm start`: Para levantar el servidor de desarrollo en el puerto 8081 y consumiendo los servicios en el puerto 8080.
* `npm run stage`: Para levantar el servidor de desarrollo en el puerto 8081 y consumir los servicos en https://matefun.math.psico.edu.uy/.
Felipe Parodi's avatar
Felipe Parodi committed
22
* `npm run build`: Para generar el `war` en la carpeta `dist/`y este consume los servicios en el mismo servidor en el que fue levantado, además de correr sobre la sub dirección `/matefun-infantil/`.
Felipe Parodi's avatar
Felipe Parodi committed
23
24
25
26
27
28
29


### Configurar Webpack

Con webpack configuramos distinas cosa, las mas relevantes son url de los servicios de matefun y la endpoint del domino donde se levanta la aplicacion.
<br/>
Para cambiar la url del servicio es con el siguiente plugin
Felipe Luis Parodi Viera's avatar
Felipe Luis Parodi Viera committed
30

Felipe Parodi's avatar
Felipe Parodi committed
31
32
33
34
35
36
37
```
  new webpack.DefinePlugin({
      'process.env.MATEFUN_SERVER': JSON.stringify('<url servicio>')
  })
```
<br/>
Para seleccionar el endpoint en el dominio es con el atributo 'publicPath' del output, ejemplo
Felipe Luis Parodi Viera's avatar
Felipe Luis Parodi Viera committed
38

Felipe Parodi's avatar
Felipe Parodi committed
39
40
41
42
43
```
  output: {
    publicPath: '<endpoint>',
  }
```
Felipe Luis Parodi Viera's avatar
Felipe Luis Parodi Viera committed
44
45
46
47

Tambien utlizamos webpack para crear los distintos archivos que se pueden deployar como levantarlos en modo local, las varianetes de esto estan en los archivos webpack.\<tipo\>.js que estan en la carpeta raiz.

Ver los ejemplo de como correr dichas configuraciones en el package.json para los distintos comandos.