ANGULAR 4

INSTALACIÓN DE NODEJS Y ANGULAR EN UBUNTU 16

Paso 1. Se debe instalar primero node.js y npm. Para verificar que están instalados ingresamos
en un terminal el comando node -v y el comando npm -v respectivamente.

Paso 2. Ingresamos a la página oficial de nodejs, es recomendable para desarrollos que van a
producción instalar la versión previa a la última versión, en este caso la versión 8.9.3 será
suficiente. https://nodejs.org/es/download/
Seleccionamos la forma de instalación, para el caso de Ubuntu 16, seleccionamos la opción
Instale Node.js mediante un manejador de paquetes, y luego seleccionamos la opción
Distribuciones de Linux basadas en Debian y Ubuntu.

• Firmas SHASUMS de los arvhivos de versiones

• Todas las opciones de descarga
• Instale Node.js mediante un manejador de paquetes
• Versiones anteriores
• Versiones nightly
• Node-ChakraCore Nightly builds
• Building Node.js from source on supported platforms

Si al momento de instalar nodejs sale un error, se puede hacer lo siguiente:

sudo rm /var/lib/apt/lists/lock
sudo rm /var/cache/apt/archives/lock
sudo rm /var/lib/dpkg/lock

Paso 3. Previamente para instalar nodejs, hay que tener instalado curl, con
sudo apt-get update
sudo apt-get install curl
Paso 4. Verificamos que tenemos instalado nodejs con el siguiente comando:

Para instalar webstorm, descargamos del sitio oficial

https://www.jetbrains.com/webstorm/download/#section=linux

El archivo WebStorm-173.4301.22.tar.gz primeramente lo descomprimimos en alguna carpeta.

Luego desde una terminal se accede al directorio de WebStorm-173-4301.22/bin y damos los
permisos #chmod -R 755 webstorm.sh y seguidamente ejecutamos /bin# . / webstorm.sh

Do not….Boton Aceptar…..Activate Licencia….License server….

Licensed to imsxm.com - License server - http://idea.imsxm.com

Adicionamos el repositorio de java

# add-apt-repository ppa:webupd8team/java

# apt-get update
sudo apt install openjdk-8-jdk openjdk-8-jre

sudo add-apt-repository ppa:webupd8team/java

sudo apt update
sudo apt install oracle-java8-installer

java -version

Instalado java ya Podemos lanzar webstorm

INSTALACIÓN DE ANGULAR

Para instalar angular, ejecutamos el comando npm install -g @angular/cli como se indica a
continuación, esto tomara unos minutos. (puede presentar errores si la conexión de internet
no es óptima).

En Ubuntu es más eficiente descargar e instalar desde el paquete y luego ejecutar el comando
de instalación desde el terminal. https://github.com/angular/quickstart , renombramos
angular-quickstart-master con el nombre de angular4

Se puede lanzar la aplicación con el comando npm start, tendremos disponible el hola mundo
de angular 5 en la url http://localhost:3000 , ver en la ventana de Hello Angular más abajo.
1. Pasos para crear mi primera aplicación en ANGULAR, con el comando ng new mifirstapp

2. Se genera un proyecto con archivos y directorios

En Ubuntu se puede ubicar esta carpeta dentro de /var/www/html/miprimerapp para

mantener el estándar para luego generar el proyecto.

3. Abrimos el proyecto en Visual Studio Code.

4. El contenedor <app-root> </app-root> contiene todos los components de app

5. Abrimos en un servidor la aplicación es decir en http://localhost:4200 con el comando ng

serve

6. Abrimos el navegador en Windows

En Ubuntu el anterior comando #npm install -g @angular/cli puede generar un error por el tema
de permisos y/o velocidad de conexión de Internet. Insisto para instalar un paquete es mejor
descargarlo y luego instalar. Se debe tomar en cuenta los permisos de los archivos y directorios
esto es muy importante a la hora de la instalación. Se puede descargar del siguiente link
https://github.com/angular/angular-cli

Ingresamos a la carpeta y desde un terminal ejecutamos el comando siguiente además se debe

ver los permisos con chmod 777 en /usr/lib/node_modules

sudo npm install -g @angular/cli

npm install –save-dev @angular/cli@latest

Para crear una aplicación

ng new nombre-del-proyecto

ng new misecondapp

Luego ingresamos al directorio y ejecutamos el comando ng serve

Con este paso abriremos el puerto 4200, en Ubuntu.

Versión instalada
CREACIÓN DE UN PROYECTO EN NODEJS

Ver https://geekytheory.com/introduccion-a-express-js

Para crear un proyecto ingresamos desde el terminal el siguiente comando:

#express miapp2

A continuación, entraremos en el directorio de la aplicación que acabamos de crear e instalamos

las dependencias. #cd miapp2, seguidamente ejecutamos el comando #npm install
Se genera una carpeta node_modules, seguidamente cambiamos los permisos del nuevo
proyecto, en este caso de miapp2

Mediante el IDE de Webstorm se procede a abrir el proyecto.

A continuación, hay una tabla que resume los valores de retorno recomendados de los métodos
HTTP primarios en combinación con los URI de recursos:

HTTP
Verb CRUD Entire Collection (e.g. /customers) Specific Item (e.g. /customers/{id})

POST Create 201 (Created), 'Location' header with 404 (Not Found), 409 (Conflict) if
link to /customers/{id} containing resource already exists..
new ID.

GET Read 200 (OK), list of customers. Use 200 (OK), single customer. 404 (Not
pagination, sorting and filtering to Found), if ID not found or invalid.
navigate big lists.

PUT Update/Replace 405 (Method Not Allowed), unless 200 (OK) or 204 (No Content). 404 (Not
you want to update/replace every Found), if ID not found or invalid.
resource in the entire collection.

PATCH Update/Modify 405 (Method Not Allowed), unless 200 (OK) or 204 (No Content). 404 (Not
you want to modify the collection Found), if ID not found or invalid.
itself.

DELETE Delete 405 (Method Not Allowed), unless 200 (OK). 404 (Not Found), if ID not
you want to delete the whole found or invalid.
collection—not often desirable.

Express es un framework que nos permitirá acceder a las funcionalidades que nos provee node, en forma
mucho más rápida y fácil.

Para crear un proyecto primeramente debemos instalar express con el siguiente comando:

npm install -g express

npm install -g express-generator@4

express --version

A continuación, se puede crear una carpeta miproyectoexpress2 y dentro digitar desde un terminal:

• npm init
• Llenamos los datos.
• npm install express –save o también digitando
• npm i express -S
Creamos un archivo index.js con el siguiente código.

'use strict'

var express = require('express'),

app = express()

app
.get('/',(req, res)=>{
res.end('API REST corriendo en http://localhost:3000')
})

.listen(3000)
console.log('Iniciando Express en el puerto 3000')

Para no estar en cada momento parando y arrancando el servidor se puede instalar una librería llamada
nodemon

npm i -D nodemon

Agregamos “start”: “nodemon index.js”

Y en el terminal ingresamos npm start

Tipos de instalación NPM

• Única: npm install nombre-paquete (no se recomienda)

• Global: npm install nombre-paquete -g (se instala en las carpetas de instalación de node)
• Como dependencia del proyecto:
o npm install nombre-paquete --save
• Como dependencia de desarrollo
o npm install nombre-paquete --save-dev

INSTALACIÓN DE MONGODB

https://www.mongodb.com/download-center

El proceso de instalación en ubutu 16 se encuentra en la siguiente dirección

https://docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/

Cuando estamos trabajando con node.js y MongoDB nos encontramos con el tema de cómo
conectar node.js con nuestra base de datos en MongoDB aquí es donde usamos la librería
llamada mongoose desde el link http://mongoosejs.com/docs/index.html .