2019

Manual de instalación
y configuración de las
herramientas de
desarrollo Backend

EQUIPO DE DESARROLLO

ASESORES Y COSULTORES
MANUAL DE INSTALACIÓN Y CONFIGURACIÓN DE LAS HERRAMIENTAS DE
DESARROLLO - BACKEND

Nombre del documento Manual de instalación y configuración de las

herramientas de desarrollo Backend
Versión V1.0
Fecha 27-03-2019
Autores Equipo de desarrollo
Gerente de Área Henry Gutiérrez Saona

HISTORIA DE APROBACIONES

APROBACIONES

Nombre Titulo Fecha Firma

Rubén Barrantes CEO
Henry Gutiérrez Saona CIO

REVISORES

Nombre Titulo Fecha Sección Revisada

Rubén Barrantes CFO Financieras
Henry Gutiérrez Saona CIO 26.03.2019 Todas
Sixto Bocanegra Coronel Planificación 26.03.2019 Todas

HISTORIA DE REVISIONES

Versión Fecha de Revisión Cambios Autor

V.1.0 26.03.2019 Inicio del documento Sixto Bocanegra Coronel

LISTA DE DISTRIBUCIÓN

Nombre Fecha Versión

Rubén Barrantes 26.03.2019 V1.0
Equipo de Desarrollo
 Tabla de contenido

1. Instalación de Lenguaje de Programación y Servidor HTTP Apache ................................. 1

1.1. Paso 1 - Descargar XAMPP: ....................................................................................... 1
1.2. Paso 2 - Instalar XAMPP(PHP y Apache):................................................................... 2
1.3. Paso 3 - Configurar XAMPP(PHP y Apache):.............................................................. 5
2. Instalación de Composer ................................................................................................... 7
2.1. Paso 1 - Instalar Composer – Interfaz Gráfica: .......................................................... 7
2.2. Paso 2 - Instalar Composer – Consola: .................................................................... 10
3. Instalación de Laravel 15.8 .............................................................................................. 12
3.1. Paso 1 - Instalar Laravel 15.8:.................................................................................. 12
3.2. Paso 2 - Configurar Laravel - Artisan: ...................................................................... 14
4. PostgreSQL(v10.6) ........................................................................................................... 15
4.1. Paso 1- Descargar PostgreSQL: ............................................................................... 15
4.2. Paso 2- Instalación de PostgreSQL: ......................................................................... 16
4.3. Paso 3- Ingreso a PostgreSQL .................................................................................. 19
5. NodeJS(v10.15.3)............................................................................................................. 20
5.1. Paso 1 – Descarga de NodeJS: ................................................................................. 20
5.2. Paso 3 - Instalación de NodeJS: ............................................................................... 20
6. VueJS ............................................................................................................................... 23
6.1. Paso 1- Descarga de VueJS: ..................................................................................... 23
7. Boostrap (v4.3.*) ............................................................................................................. 24
7.1. Paso 1- Descarga de Boostrap: ................................................................................ 24
7.2. Paso 3- Instalación de Boostrap: ............................................................................. 24
8. Git .................................................................................................................................... 25
8.1. Paso 1- Descarga Git:............................................................................................... 25
8.2. Paso 3- Instalación de Git: ....................................................................................... 26
9. Postman .......................................................................................................................... 29

1
 Manual de Instalación y configuración de Herramientas de
Desarrollo Backend
1. Instalación de Lenguaje de Programación y Servidor HTTP Apache
A continuación, se instalará el lenguaje de programación PHP y el servidor HTTP
Apache mediante el paquete de instalación XAMPP.

1.1. Paso 1 - Descargar XAMPP:

Descargar XAMPP del siguiente enlace:
https://www.apachefriends.org/es/download.html

Seleccionamos la versión 7.2.16 para el Sistema Operativo Windows. (La

versión está dada en base a la versión del paquete PHP a instalar).

1
 Pulsar botón iniciar la descarga de un .exe.

1.2. Paso 2 - Instalar XAMPP(PHP y Apache):

Ejecutamos el instalador:

2
Seleccionamos Next.

Seleccionamos sólo las pestañas PHP y Apache.

Escogemos la ruta de instalación y le damos Next.

3
Activamos la casilla y le damos Next.

4
1.3. Paso 3 - Configurar XAMPP(PHP y Apache):
Al ejecutar XAMPP configuramos el lenguaje.

Iniciar apache desde el panel de control de XAMPP.

5
Una vez iniciado el servicio de apache, iremos al navegador e ingresaremos
al localhost desde la barra de dirección.

6
2. Instalación de Composer
A continuación, se instalará Composer, el cual es un administrador de paquetes
a nivel de aplicación para el lenguaje de programación PHP que proporciona un
formato estándar para administrar las dependencias del software PHP y las
bibliotecas requeridas

2.1. Paso 1 - Instalar Composer – Interfaz Gráfica:

Descargar Composer del siguiente enlace:
https://getcomposer.org/download/

Haciendo clic en el texto “Composer-Setup.exe” (versión 1.8.4)

7
8
9
2.2. Paso 2 - Instalar Composer – Consola:
Ingresar en la carpeta de php de xampp

Luego copiamos los códigos en la página de composer 1 a 1 para verificar

que todos se ejecuten de manera exitosa. (Verificar que la versión de php
que se está ejecutando es la 7.2.*)

10
11
3. Instalación de Laravel 15.8
Una vez instalado XAMPP y Composer , ya tendremos todos listo para instalar
Laravel 5.8, para lo cual lo haremos a través de la línea de comandos y dentro
de la misma carpeta de xampp/htdocs, donde crearemos nuestro primer
proyecto en laravel 5.8 (también se puede leer en la documentación en el
siguiente enlace https://laravel.com/docs/5.8 )

3.1. Paso 1 - Instalar Laravel 15.8:

Descargar Laravel desde la página oficial:

12
Una vez ubicados en el directorio de xampp/htdocs, ingresaremos el siguiente
comando:

composer create-project --prefer-dist laravel/laravel EjemploLeoncito

Siendo “EjemploLeoncito” el nombre de nuestro proyecto a crear, por defecto

se descargara la versión 5.8, ya que es la más actual, pero también
podríamos especificar la versión en la misma línea de comando.
Esperamos a que se terminen de descargar e instalar las dependencias de
composer para Laravel

13
3.2. Paso 2 - Configurar Laravel - Artisan:
Una vez finalizada la instalación, utilizaremos el servidor interno de Laravel
(“Artisan”), para poder ejecutar nuestro proyecto.

Ejecutamos el comando:

php artisan serv

Entramos a nuestro navegador para validar de que todo se encuentra

ejecutando de manera correcta.

14
4. PostgreSQL(v10.6)
4.1. Paso 1- Descargar PostgreSQL:

Para descargar PostgreSQL, iremos al siguiente enlace:

https://www.enterprisedb.com/downloads/postgres-postgresql-downloads,
en donde seleccionaremos el sistema operativo de nuestra pc , así como la
arquitectura(x32 o x64).

Comenzará a descargarnos un archivo con el instalador en .exe

15
4.2. Paso 2- Instalación de PostgreSQL:

Abriremos el .exe, haciendo doble click sobre el para iniciar el asistente de

instalación.

16
Nos pedirá ingresar una contraseña para nuestro super usuario (“postgres”).

17
18
4.3. Paso 3- Ingreso a PostgreSQL

Finalizamos la instalación, e ingresamos a PostgreSQL a través del

ejecutable en el escritorio o directamente en el navegador, digitando el
siguiente enlace: http://127.0.0.1:50337/browser/

19
5. NodeJS(v10.15.3)
5.1. Paso 1 – Descarga de NodeJS:

Para instalar NodeJS, nos dirigimos al siguiente enlace:

https://nodejs.org/download/release/v10.15.3/
Seleccionaremos el paquete a descargar según nuestro SO y su
arquitectura, en nuestro caso Windows x64.

5.2. Paso 2 - Instalación de NodeJS:

Una vez descargado, damos click en el .msi, y comenzamos la instalación.

20
21
22
6. VueJS
6.1. Paso 1- Descarga de VueJS:

Para instalar VueJS, visitaremos el siguiente enlace:

https://vuejs.org/v2/guide/installation.html

Seleccionaremos la versión de desarrollador dándole click, y comenzara a

descargarse en nuestro pc.

La descarga consta de un archivo .js, el cual ubicaremos dentro de las

carpetas del proyecto que iremos a realizar y lo importaremos como un
script.

<script src= “vue.js” > </script>

23
7. Boostrap (v4.3.*)
7.1. Paso 1- Descarga de Boostrap:

Para instalar en nuestro proyecto iremos al siguiente enlace:

https://getbootstrap.com/docs/4.3/getting-started/download/

Seleccionaremos en descargar, y elegimos la opción de los archivos CSS y JS

7.2. Paso 3- Instalación de Boostrap:

Descomprimir el archivo descargado, y nos dejara dos carpetas (CSS y JS), las
cuales tienen los archivos que vamos a importar para poder usar Boostrap en
nuestro proyecto.

24
8. Git
8.1. Paso 1- Descarga Git:

Para descargar Git, iremos al siguiente enlace: https://git-scm.com/download ,

de manera automática reconocerá nuestro SO y nos mostrara una versión
actualizada de Git que podremos descargar, si se necesita alguna otra versión se
puede cancelar y elegir alguna otra.

Una vez elegida la versión, la descargamos a nuestro pc.

25
8.2. Paso 3- Instalación de Git:

Una vez terminada la descarga iniciaremos la instalación, con dos clicks sobre el
archivo .exe descargado.

26
27
28
9. Postman

29