Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 24

Guía de Instalación

Index

Antes de comenzar: ......................................................................................................3


Paso 1 Instalar Nodejs ....................................................................................................4
Descarga e instalación............................................................................................................4
Paso 2 Instalar MongoDB ...............................................................................................5
Descarga e instalación ............................................................................................................5
Instalar MongoDB en Windows....................................................................................6
Instalar MongoDB en MacOS (opción 1)......................................................................7
Instalar MongoDB en MacOS-Homebrew (opción2)...................................................8
Paso 3 Abrir consola CMD (Windows) o terminal (MacOs) ........................................9
Paso 4 Instalar pnpm ..................................................................................................12
Instalación .............................................................................................................................12
Paso 5 Instalar Visual Studio Code ............................................................................13
Descarga e instalación ..........................................................................................................13
Paso 6 Instalar Aptugo ...............................................................................................14
Descarga ................................................................................................................14
Paso 7 Iniciar Aptugo ...............................................................................................15
Pantalla de Bienvenida ......................................................................................................15
Paso 8 Crear "Hello World!" ........................................................................................17
Creación HelloWorld ..............................................................................................................17

Aptugo IT Academy 2 Guía de Instalación


Antes de comenzar:

Recuerda que para instalar las dependencias y que funcione Aptugo recomendamos
como mínimo Windows 10 de 64 bits, MacOS 10.1 o Ubuntu 20.04 y 6GB de RAM.

Windows 10 de 64 bits

MacOS 10.1

Ubuntu 20.04

6GB de RAM

Aptugo IT Academy 3 Guía de Instalación


Paso 1
Instalar Nodejs

Descarga e instalación.

Es necesario descargar la versión 18.19.1 LTS (Long Term Support) desde su sitio
oficial, que automáticamente detectará la versión apropiada para el sistema operativo.
donde se instale:

Has click en enlace de tu sistema operativo

Windows 64-bit Installer

macOS Intel 64-bit Binary


macOS Apple Silicon 64-bit Binary

Aptugo IT Academy 4 Guía de Instalación


Paso 2
Instalar MongoDB
Descarga e instalación

Es necesario descargar la versión Community Server desde su sitio oficial, que


automáticamente detectará la versión apropiada para el sistema operativo donde se
instale:

En en caso de desear una versión actualizada de MongoDB Community Server


puedes recurrir a la página oficial. Sin embargo en la siguiente página dejamos
el link de la versión más estable para Aptugo.

Aptugo IT Academy 5 Guía de Instalación


Instalar MongoDB en Windows

Una vez allí buscar la versión 6.0.15, ya con dicha versión, la herramienta opera de
manera estable. Y luego seleccionar el botón verde que dice Download y comenzará
la descarga.

Puedes descargalo desde la página o bien desde el siguiente link:


MongoBD para Windows

Siempre controlar que se esté descargando una de las versiones


estables y que en Plataforma sea su sistema operativo correcto.

Aptugo IT Academy 6 Guía de Instalación


Instalar MongoDB en MacOS
(opción 1)

Una vez hecho el procedimiento de la página 5, buscar la versión 6.0.15, ya con


dicha versión, la herramienta opera de manera estable. Y luego seleccionar el botón
verde que dice Download y comenzará la descarga.

Puedes descargalo desde la página o bien desde el siguiente link:


MongoDB para macOS

Siempre controlar que se esté descargando una de las versiones


estables y que en Plataforma sea su sistema operativo correcto.

Aptugo IT Academy 7 Guía de Instalación


Instalar MongoDB en MacOS - Homebrew
(opción 2)

Descarga e instalación

Para descargar la versión Community Server en macOs debemos instalar previamente


Homebrew, la cual es un gestor de aplicaciones para mac que facilitara la descarga
de MongoDb Community Edition. Ingresamos en:

https://brew.sh/es/

Y copiaremos el comando:

Ahora necesitaremos abrir la terminal nativa de mac. Primero presionamos Command


(o Cmd) ⌘ + Space (barra espaciadora) para abrir Spotlight y colocaremos ‘Terminal,’

Aptugo IT Academy 8 Guía de Instalación


La seleccionamos y procederemos a pegar el comando que copiamos, presionamos
enter y esperamos la instalación.

Al finalizar la instalación de brew ingresamos a:

https://www.mongodb.com/docs/manual/tutorial/install-mongodb-on-os-x/

Y en la terminal nativa iremos agregando los comandos necesarios para la instalación:

Recomendamos para tener estabilidad con la herremienta, instalar la versión 6 de MongoDB

copiamos y ejecutamos el
brew install [email protected]
comando:

Aptugo IT Academy 9 Guía de Instalación


Paso 3
Abrir consola CMD (Windows)
o terminal (MacOS)
Iniciamos buscando símbolo del sistema, lo ejecutamos como administrador.

Aptugo IT Academy 10 Guía de Instalación


Deberíamos ver algo así:

Comandos básicos de navegación dentro del CMD o Terminal:


cd.. → nos lleva a una carpeta anterior. En Mac utilizaremos →

cd users/maxi_ → El comando cd seguido de las carpetas a las que

queremos ingresar(separadas por “/” ), nos va llevando entre ellas.

Utilizaremos al usuario “maxi_”

Aptugo IT Academy 11 Guía de Instalación


dir → Muestra todos los archivos y carpetas

cls → Limpia toda la pantalla

Aptugo IT Academy 12 Guía de Instalación


Paso 4
Instalar pnpm

Instalación

Es recomendado instalarlo de forma posterior a Node.js según el sistema operativo


donde se instale:

https://pnpm.io/es/installation

Para instalar pnpm debemos primero abrir símbolo del sistema (como admistrador)
y ejecutar el comando:
npm -g i pnpm

C:\WINDOWS\system32>npm -g i pnpm

Apretamos enter y esperamos que se ejecute la instalación completa.

Aptugo IT Academy 13 Guía de Instalación


Paso 5
Instalar Visual Studio Code
Descarga e instalación

Ingresar en:

https://code.visualstudio.com/

Y hacer click en Download for Windows (en otros sistemas operativos se verá
distinto).

Una vez descargado el archivo seguir los pasos de instalación descritos en:

https://code.visualstudio.com/docs

Aptugo IT Academy 14 Guía de Instalación


Paso 6
Instalar Aptugo

Descarga

La descarga de Aptugo se realiza desde su sitio oficial en la sección de Descargas:

https://www.aptugo.com/Downloads

Una vez descargado simplemente hacer doble click sobre el instalador y esperar a
que termine la instalación.

Aptugo IT Academy 15 Guía de Instalación


Paso 7
Iniciar Aptugo

Pantalla de Bienvenida

Una vez instalado Aptugo procedemos a abrirlo por primera vez. Allí nos pedirá
nuestro correo electrónico y una contraseña cualquiera para validar nuestra
licencia:

Aptugo IT Academy 16 Guía de Instalación


Y listo! Ya tenemos Aptugo funcionando.

Aptugo IT Academy 17 Guía de Instalación


Paso 8 Crear "Hello World!"

Creación HelloWorld

El término “Hola Mundo!” o “Hello


World!” se refiere al primer programa
que se realiza en todo lenguaje de
programación. Esta es nuestra
oportunidad de combinar y poner en
práctica todo lo que instalamos.

Para crear nuestra primera aplicación


de “HelloWorld” en Aptugo basta con
solo seguir los pasos:

Lo primero que debemos hacer es


hacer click en “Crear”, en la zona
central de la pantalla.

Luego hacemos click en


“Empty Application”
(Aplicación vacía).

Aptugo IT Academy 18 Guía de Instalación


Paso seguido colocamos el nombre “HelloWorld” (Hola Mundo).

Es importante tener en cuenta algunos detalles, el nombre debe escribirse todo junto,
sin espacios, tampoco deben utilizarse caracteres especiales (incluido la letra ñ y los
acentos)

¡Ya casi terminamos! Ahora, hacemos click primero en “Save” y luego en “Build your
project” (Guardar y Construir tu proyecto)

Save

Build your project

Aptugo IT Academy 19 Guía de Instalación


Tener en cuenta que la opción Tipo de Generación (Build Type)
debe estar en Desarrollo (Development) y el Nivel de Registro
(Log Level) determina el nivel de detalle que nos devuelve la
consola mientras se está creando nuestra App, por lo que si lo
ponemos en 10, este será el nivel máximo de detalle, pero si no
tenemos suficiente RAM puede ralentizar drásticamente la PC,
cuidado con esto. Y en el Método de Generación utilizaremos la
opción Completo para generar todas las dependencias necesarias.

Una vez que hacemos click en GENERAR Y DESPLEGAR (BUILD & DEPLOY) Aptugo
automáticamente se pone a trabajar por nosotros y construye todo el código
necesario para que nuestra aplicación funcione correctamente.

En el lateral inferior derecho veremos una barra que irá cargando progresivamente
hasta finalizar la construcción del proyecto.

Aptugo IT Academy 20 Guía de Instalación


La construcción finaliza con un cartel que dice lo siguiente:

¡Felicitaciones!
¡Ya lograste crear tu primera aplicación con Aptugo!
Ahora que creamos nuestra aplicación, ¡vamos a ejecutarla!

Aptugo IT Academy 21 Guía de Instalación


Paso 9 Ejecutar "HelloWorld!”

Primero vamos a acceder a la


carpeta configurada dentro de la
ruta Build Folder, para ver esta
debemos dirigirnos a settings
(esquina inferior izquierda).

cd C:\Users\(tu usuario)\Aptugo\build

…es la ruta por defecto de


Build, así que una vez
que abrimos el CMD,
vamos a movernos hasta
esa carpeta con el
comando “cd” (cambiar
directorio - change
directory).

Aptugo IT Academy 22 Guía de Instalación


Y nos vamos a la carpeta cuyo nombre corresponde a la aplicación construída:

cd C:\Users\(tu usuario)\Aptugo\build\HelloWorld

(en mi caso es ésta, en cada


computadora u ordenador la
ruta puede variar o nosotros
modificarla a gusto)

Una vez allí ejecutaremos


nuestro servidor local con
el comando “pnpm start”
de la siguiente manera:

Una vez ingresemos este comando se empezará a cargar nuestra aplicación:

Aptugo IT Academy 23 Guía de Instalación


Por último se abrirá el navegador con nuestro proyecto funcionando en el entorno local:

El proyecto estará disponible en http://localhost:8080

¡Listo!
Ya nos queda Aptugo funcionando perfectamente,
¡felicidades!

Aptugo IT Academy 24 Guía de Instalación

También podría gustarte