Cómo Usar Node JS y Axios

Nube Colectiva

hace 4 meses

En esta página:

Axios es una librería que potencia el trabajo en Node JS.

Usar Node JS y la herramienta Axios es fácil, solo debes seguir ciertos pasos importantes.

En este tutorial aprenderás a Cómo Usar Node JS y Axios, vamos con ello.

Axios JS permite realizar tareas asíncronas en Node JS

Uso de Node JS y Axios

Vamos a seguir los siguiente pasos a continuación:

Creación de Nuevo Proyecto

Creamos un nuevo proyecto en Node JS ejecutando el siguiente comando en nuestra consola o terminal de comandos:


# Comando para crear un nuevo proyecto en Node JS
npm init

# Comando para crear un nuevo proyecto en Node JS

npm init

Luego de ejecutar el comando anterior te pedirá que ingreses los detalles para tu aplicación.

Yo lo he dejado así (archivo package.json):


// Archivo package.json

{
  "name": "miapp",
  "version": "1.0.0",
  "description": "Aplicación creada con Node JS y Axios",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Nube Colectiva",
  "license": "ISC"
}

// Archivo package.json

{

"name": "miapp",

"version": "1.0.0",

"description": "Aplicación creada con Node JS y Axios",

"main": "app.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1"

"author": "Nube Colectiva",

"license": "ISC"

}

Instalación de Axios

Instalamos axios ejecutando el siguiente comando en nuestra consola o terminal de comandos:


npm install axios --save      

added 9 packages, and audited 10 packages in 3s

1 package is looking for funding
  run `npm fund` for details

found 0 vulnerabilities

npm install axios --save

added 9 packages, and audited 10 packages in 3s

1 package is looking for funding

run `npm fund` for details

found 0 vulnerabilities

Al comando anterior le he pasado la opción o flag –save para guardarlo en la sección dependencies del archivo package.json

De esta manera mantenemos un orden.

Axios puedes ser instalado con los gestores de paquetes NPM, Bower y Yarn.

Probando Node JS y Axios

Ahora vamos a comprobar si Axios está instalado correctamente en Node JS.

Para esto vamos a leer datos de una API.

Creamos un archivo llamado app.js y dentro de él agregamos el siguiente código (he colocado comentarios para explicar qué hacen las líneas de código más importantes):


// Creamos el servidor local de Node JS
const { createServer } = require('node:http');
const hostname = '127.0.0.1';
const port = 3000;

// Instanciamos Axios 
const axios = require('axios')

// Enviamos un texto a la vista HTML
const server = createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hola Mundo !');
});

// Hacemos petición a una API con Axios 
axios.get('https://nubecolectiva.com/api/v1/postres/')
    .then(function (response) {
 
      // Mostramos los datos obtenidos en la consola 
      console.log(response);
    })
    .catch(function (error) {
  
      // Si hubo algún error lo mostramos
      console.log(error);
  
    })
    .finally(function () {
  
      // Se ejecuto sin problemas 
      
    });

// Iniciamos el servidor de Node JS
server.listen(port, hostname, () => {
  console.log(`Servidor ejecutándose en http://${hostname}:${port}/`);
});

// Creamos el servidor local de Node JS

const { createServer } = require('node:http');

const hostname = '127.0.0.1';

const port = 3000;

// Instanciamos Axios

const axios = require('axios')

// Enviamos un texto a la vista HTML

const server = createServer((req, res) => {

res.statusCode = 200;

res.setHeader('Content-Type', 'text/plain');

res.end('Hola Mundo !');

});

// Hacemos petición a una API con Axios

axios.get('https://nubecolectiva.com/api/v1/postres/')

.then(function (response) {

// Mostramos los datos obtenidos en la consola

console.log(response);

})

.catch(function (error) {

// Si hubo algún error lo mostramos

console.log(error);

})

.finally(function () {

// Se ejecuto sin problemas

});

// Iniciamos el servidor de Node JS

server.listen(port, hostname, () => {

console.log(`Servidor ejecutándose en http://${hostname}:${port}/`);

});

Vamos a nuestra consola o terminal de comandos e iniciamos el servidor de Node JS.

Obtenemos los datos de la API sin problemas.


# Comando para inicia el servidor de Node JS
node app

# Obtenemos los datos de la API con Axios
Servidor ejecutándose en http://127.0.0.1:3000/
[
  {
    id: '1',
    nombre: 'Torta de Chocolate',
    stock: '35',
    precio: '5.00',
    url: 'torta-de-chocolate',
    img: 'tc.jpg',
    fecha: '2019-06-17 15:56:23'
  },
  {
    id: '2',
    nombre: 'Pie de Manzana',
    stock: '45',
    precio: '4.50',
    url: 'pie-de-manzana',
    img: 'pm.jpg',
    fecha: '2018-08-11 16:25:33'
  },
  {
    id: '3',
    nombre: 'Arroz con Leche',
    stock: '36',
    precio: '2.50',
    url: 'arroz-con-leche',
    img: 'al.jpg',
    fecha: '2018-08-11 16:25:36'
  },
  {
    id: '4',
    nombre: 'Gelatina de Fresa',
    stock: '60',
    precio: '1.50',
    url: 'gelatina-de-fresa',
    img: 'gf.jpg',
    fecha: '2018-08-11 16:25:39'
  },
  {
    id: '5',
    nombre: 'Suspiro a la Limeña',
    stock: '26',
    precio: '6.00',
    url: 'suspiro-a-la-limeña',
    img: 'sl.jpg',
    fecha: '2019-06-17 15:58:43'
  },
  {
    id: '6',
    nombre: 'Mazamorra Morada',
    stock: '50',
    precio: '3.00',
    url: 'mazamorra-morada',
    img: 'mm.png',
    fecha: '2018-08-11 16:25:45'
  }
]

# Comando para inicia el servidor de Node JS

node app

# Obtenemos los datos de la API con Axios

Servidor ejecutándose en http://127.0.0.1:3000/

[

{

id: '1',

nombre: 'Torta de Chocolate',

stock: '35',

precio: '5.00',

url: 'torta-de-chocolate',

img: 'tc.jpg',

fecha: '2019-06-17 15:56:23'

{

id: '2',

nombre: 'Pie de Manzana',

stock: '45',

precio: '4.50',

url: 'pie-de-manzana',

img: 'pm.jpg',

fecha: '2018-08-11 16:25:33'

{

id: '3',

nombre: 'Arroz con Leche',

stock: '36',

precio: '2.50',

url: 'arroz-con-leche',

img: 'al.jpg',

fecha: '2018-08-11 16:25:36'

{

id: '4',

nombre: 'Gelatina de Fresa',

stock: '60',

precio: '1.50',

url: 'gelatina-de-fresa',

img: 'gf.jpg',

fecha: '2018-08-11 16:25:39'

{

id: '5',

nombre: 'Suspiro a la Limeña',

stock: '26',

precio: '6.00',

url: 'suspiro-a-la-limeña',

img: 'sl.jpg',

fecha: '2019-06-17 15:58:43'

{

id: '6',

nombre: 'Mazamorra Morada',

stock: '50',

precio: '3.00',

url: 'mazamorra-morada',

img: 'mm.png',

fecha: '2018-08-11 16:25:45'

}

]

Con ello hemos integrado correctamente Node JS y Axios.

Así de fácil puedes usar Node JS y Axios.

Aprende a Como Programar Tareas en Node JS.

Conclusión

En este tutorial has aprendido a Cómo Usar Node JS y Axios.

Te servirá de ayuda para que crees proyectos con Node JS y Axios.

Solo practicando seguidas veces llegarás a ser un mejor desarrollador de Node JS.

Nota(s)

No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.