Usando node.js y npm para crear proyectos web

Este post va dirigido a aquellos que os estéis iniciando en node.js o aquellos que os estáis deciciendo a entrar.

Y si no eres ni uno ni otro …. !! tranquilo que hay solución !!!  Pásate por aquí y descubre qué es Node.js, en qué se basa y que ventajas tiene su uso (Node.js)

Ahora que ya estamos todos, lo primero que haremos será  instalar node.js desde su página de descarga. Descarga Node

Captura de pantalla 2015-06-07 a las 9.17.35

El paquete de descarga instalará node.js y npm

Y para comprobar que todo ha ido bien podeis hacerlo a través de consola con node – v  y npm-v  mostrándose la versión que hemos instalado.

node -v
npm -v

Si lo has intalado en Windows, por defecto se te habrá instalado en C:/Archivos de Programa/nodejs
Si lo has instalado en Mac o en Linux lo tendrás en /usr/bin/node y /usr/bin/npm

Vamos a crear nuestro primer proyecto usando node.js y npm.

Creando proyectos con node.js y npm

npm (Node Package Manager) es un gestor de paquetes incluido junto a la instalación de Node, una herramienta muy útil para empezar a incluir módulos a nuestro proyecto.

Podeis consultar todos los módulos que mantiene en su repositorio  ( npm.org )

Captura de pantalla 2015-06-07 a las 9.41.56

Lo primero que tenemos que hacer, es crear un fichero package.json en la raíz de nuestro proyecto que será quien mantenga la configuración del mismo.

Lo podemos crear de forma manual o ejecutando por consola el comando npm init (respondiendo a las preguntas que nos hagan por consola)

npm init

Lo hagáis como lo hagáis, el resultado debería ser el siguiente, un fichero en formato json con los metadatos que identifican nuestro proyecto:

Captura de pantalla 2015-06-07 a las 10.05.07

Ya tenemos un fichero  package.json con la configuración básica del proyecto. Ahora nos queda añadir las dependencias que llevará. Si venís del mundo Java, es similar al concepto de dependencia en Maven

En el repositorio de npm existen mas de 150000 módulos listos para usar (mongo, mysql, express, socket.io, grunt, less …).

Nosotros vamos a instalar express y mongo para ver cómo trabajar con módulos.

Modificamos el package.json con las dependencias  de mongo y express que queremos

Se necesita incluir el nombre del paquete y la versión. En nuestro caso, al dejar el campo vacío de la versión, nos descargará la última versión que exista en el repositorio

{
  "name": "web_ejemplo",
  "version": "1.0.0",
  "description": "Mi primer proyecto",
  "main": "index.js",
  "author": "cantabriaTic",
  "dependencies": {
    "express": "",
    "mongo": ""
  }

 

y ejecutamos el comando npm install

npm install

Captura de pantalla 2015-06-08 a las 23.09.07

Si os fijais, la estructura de nuestro proyecto ha cambiado añadiéndose los módulos para trabajar con  express y mongo.

Estos módulos son locales a nuestro proyecto. Sin embargo npm permite instalar módulos de forma global para que estén presentes en cualquier  lugar de nuestra máquina.

Se suele utilizar la instalación global para módulos como grunt o  bower que serán utilizados en casi todos los proyectos.

Si éste es tu caso, podrías hacerlo  de la siguiente manera

npm install -g <nombre_modulo>

 

¿Pero cómo utilizo estos módulos en mi proyecto?

Para usar cualquiera de los módulos instalados se utiliza require(nombre_modulo).

Vamos a ver un ejemplo con mongo conectándo la web con BBDD

 var mongo = require('mongodb');
var server = new mongo.Server(host, port, options);

 

Este post es sólo una introducción a la forma de trabajar con node.js.  En futuros post  intentaré ir añadiéndo complejidad a un proyecto automatizando tareas con grunt, gestionando librerías con bower, explicando cómo usar Yeoman …

Espero que os haya ayudado a empezar.

 

 

 

Post By Rocio Muñoz (37 Posts)

Ingeniera Informatica. Dicen que todos los niños nacen con un pan debajo del brazo ... Yo creo que llevaba un ordenador. Trabajo como programadora en Cic en entornos Java. Apasionada del mundo web y la innovacion social.

Connect

,

Trackbacks/Pingbacks

  1. Bower, gestionando el frontend de proyectos web - 11 agosto, 2015

    […] Introduccion a npm […]

  2. Integrar Sass y Compass en proyectos web - Cantabria TIC - 7 enero, 2016

    […] no estais familiarizados con proyectos node, podeis consultarlo en post anteriores (Proyectos Node) […]

  3. PostCss, un avance impresionante en el mundo Css - Cantabria TIC - 11 febrero, 2016

    […] Creando proyectos con Node  –> Link  […]

Deja un comentario

Leave your opinion here. Please be nice. Your Email address will be kept private.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
Translate »