Cómo crear el backend paso a paso

Buenas a to@s!! Vamos a dedicar esta entrada a cómo crear el backend de nuestra aplicación de ejemplo. Si recordáis la entrada anterior, creamos una app desde cero sin tener ni puta idea.

Cómo crear el backend

No confundir BackEnd con FrontEnd

En dicha App mostramos una pantalla básica de login en la cual esperamos que el usuario meta un nombre de usuario y una contraseña.

Si recordáis bien, el nombre de usuario y la contraseña siempre eran las mismas ya que estaban metidas a fuego en el código y no hacía ninguna validación ni se mandaban a un servidor a través de una peticion REST.

Bien, el objetivo de esta entrada es montar un servidor http sencillo usando Nodejs Express al cual podamos mandar una petición a través de rest y obtener una respuesta. De esta manera posibilitamos el cómo crear el backend.

En siguientes entradas trabajaremos en la App para manejar el estado de la aplicación usando Redux y también meteremos una base de datos mongodb en la cual estarán alojados los datos de nuestra app y por tanto los datos de login.

 

¿ Cómo crear el backend de NPIApp ?

Para crear el proyecto necesitamos tener instalado Node.js, en caso de no tenerlo lo podéis descargar de aquí e instalarlo.

Una vez instalado, nos movemos al directorio donde queramos crear nuestro proyecto y creamos un nuevo directorio NPIAppBackend.

Ejecutamos cd NPIAppBackend para posicionarnos en dicho directorio y para crear el proyecto Node.js ejecutamos npm NPIAppBackend.

Este comando nos va a pedir los siguientes datos:

  • Package name: El nombre del proyecto, por defecto viene NPIAppBackend con lo que lo dejamos así dandole al intro.

 

  • Version 1.0.0: Número de versión, vamos a comenzar por la 0.0.1 así que lo introducimos y le damos al intro.

 

  • Description: Breve descripción sobre nuestro proyecto: Backend de apoyo para NPIAPP. Intro de nuevo.

 

  • Entry point: El fichero de inicio de nuestro backend. Por defecto index.js pero vamos a poner server.js ya que va a ser nuestro fichero inicial. Intro de nuevo.

 

  • Test commando: Comando a ejecutar para iniciar los tests. De momento lo dejamos vacío y lo rellenaremos más adelante. Intro.

 

  • Git repository: No lo vamos a subir a GIT con lo que damos un intro.

 

  • Keywords: Algunas palabras clave para identificar el proyecto. Ponemos NPIApp Backend. Intro.

 

  • Author: El autor del proyecto, en este caso yo pondre alberdg y tú tu nombre. Intro.

 

  • License: El tipo de licencia, por defecto ISC así que le damos un intro.

 

Ya el último paso es una confirmación de los datos introducidos:

{

  “name”: “npiappbackend”,

  “version”: “0.0.1”,

  “description”: “”,

  “main”: “index.js”,

  “scripts”: {

    “test”: “echo \”Error: no test specified\” && exit 1″

  },

  “author”: “”,

  “license”: “ISC”

}

Nos pregunta si esto es correcto con lo que le damos un intro y ya está nuestro proyecto de backend creado.

Package,json

Si consultamos el directorio del proyecto de nuevo, veremos que nos ha creado un único fichero llamado package.json con la estructura que nos ha mostrado en el mensaje de confirmación.

¿QuÉ es este fichero?

Bien, en este fichero se guardan todos los datos del proyecto, como ejecutar scripts, dependencias de terceros módulos, etc etc.

Veremos cuando empecemos a instalar dependencias cómo estas se meten en la sección dependencies de nuestro package.json y cómo tenemos otra sección devDependencies para nuestras dependencias de desarrollo.

Ya sabes cómo cear el backend!!!

Bueno amiguitos, esto ha sido todo por hoy. No quiero hacerlo más largo, ya que si metemos todo el proceso de login en un post, os puedo matar del aburrimiento.

Por ahora hemos creado el proyecto y en la siguiente entrada instalaremos los módulos third party necesarios para que funcione nuestro backend y crearemos el servicio rest que responderá a nuestra petición de login.

Abrazos

Un abrazo de amor

Que tengáis buena semana y nos vemos en los bares como siempre, un abrazo amig@s!!