Skip to content

Instantly share code, notes, and snippets.

@mariogillazaro
Created September 19, 2017 03:45
Show Gist options
  • Save mariogillazaro/55be7fe185299345734632104830f0aa to your computer and use it in GitHub Desktop.
Save mariogillazaro/55be7fe185299345734632104830f0aa to your computer and use it in GitHub Desktop.
Instrucciones para probar el pae

Backend

  1. Obtener el código con ´git clone https://gitlab.com/azaroma/pae-api´
  2. Asegurarse de tener instalada una versión reciente de Node
  3. Instalar las dependencias de node ´npm install´
  4. Crear las bases de datos ´pae´ y ´users_pae´ en Postgresql en el puerto default (5432)
  5. Generar las tablas de las bases de datos con ´cd pae-api && node db/run.js´
  6. Instalar knex ´npm i -g knex´
  7. Poblar las bases de datos con ´knex seed:run --knexfile knexfile.js && knex seed:run --knexfile-users.js´
  8. Correr el servidor ´npm start´

Frontend (development)

  1. Obtener el código con ´git clone https://github.com/azaroma/pae-client´
  2. Instalar la cli de angular ´npm i -g @angular/cli´
  3. Instalar las dependencias de node ´npm install´
  4. Correr el script de post instalación ´npm run postinstall´
  5. Correr el servidor de desarrollo ´npm start´ Nota: Como puede verse en ´src/environments/environment.js´ el servidor de desarrollo asume que el backend está escuchando en localhost:3000. Ahí tiene que cambiarse la dirección en caso de querer usar otro puerto.

Frontend

  1. Pasos 1, 2, 3 y 4 de frontend (development)
  2. Establecer la dirección donde está el backend ´PAE_API_URL= npm run prebuild´ El url no debe incluir ´https://´ ni ´http://´ por ejemplo. Revisa ´src/environments/environment.prod.js´ y ahí verás el url. Revisa el script prebuild para que veas cómo se sustituye esto, está fácil.
  3. ng build --env=prod
  4. Instalar un servidor web ´npm i -g http-server´
  5. Servir el directorio ´http-server ./dist´ Nota: Este es la parte interesante porque el servidor puede ser cualquiera ya que la aplicación es casi una página de internet. Se puede configurar Apache para servir el directorio, por ejemplo. En internet hay formas para poner la aplicación en un contenedor S3 de Amazon, que sirve para servir archivos. Github pages sirve para hospedar páginas web y yo lo uso para albergar la aplicación, por ejemplo. Todo esto es posible porque al final la aplicación son archivos estáticos .js, .html y .css
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment