Configurar publicPath de Vue CLI en ./

En este tutorial te mostraré cómo hacer que la ruta pública de Vue (al usar la vue cli para compilar nuestros proyectos con npm run build) sea el directorio actual, es decir, ./. Normalmente la Vue CLI va a compilar y crear el archivo index.html pero en las rutas habrá algo como: script src=/js/script.js Si te fijas, no tiene el ./, por lo que en varios servidores causará errores. Hoy te enseñaré cómo hacer que Vue CLI compile las rutas de manera relativa al directorio actual. ...

marzo 16, 2021 · 2 min · 325 palabras · Parzibyte

SPA con MERN: ejemplo de aplicación web

En este artículo te enseñaré un ejemplo completo de conexión a MongoDB y Express con React. Vamos a usar el stack MERN para hacer un CRUD completo. Al final tendremos un proyecto completo que será una single page application escrita con React, misma que consumirá una API de Node creada con Express. Los datos van a residir en una base de datos de MongoDB a la que vamos a acceder usando Mongoose. Como siempre, te explicaré el código más importante a través del post, y te dejaré el repositorio completo al final del post para que puedas explorarlo a tu gusto. ...

diciembre 22, 2020 · 14 min · 2795 palabras · Parzibyte

Ejemplo simple de conexión a MongoDB con Mongoose

En este post te mostraré cómo crear un modelo de Mongoose para guardarlo en una base de datos de MongoDB. Además, te mostraré cómo hacer las cuatro operaciones fundamentales. Será un ejemplo muy simple para comenzar a usar esta librería que permite definir modelos que más adelante vamos a insertar, actualizar, listar o eliminar de una base de datos de MongoDB. Nota: aquí asumo que ya tienes un poco de conocimiento con node para ejecutar un archivo de JavaScript, iniciar el servidor, etcétera. ...

diciembre 21, 2020 · 4 min · 818 palabras · Parzibyte

Encriptar contraseñas con Node

En este post de programación con JavaScript del lado del servidor en el entorno de Node te mostraré cómo asegurar las contraseñas de los usuarios; esto es, encriptarlas. De hecho me parece que el término correcto es hashear, pues encriptar es convertir algo plano a encriptado y luego poder hacer lo contrario; en cambio hashear es convertir algo plano a encriptado, pero ya no poder obtener el valor original a partir del encriptado. Como sea, te mostraré cómo asegurar, encriptar o cifrar las contraseñas. Vamos a usar el algoritmo bcrypt pues es perfecto para hashear contraseñas en Node. ...

agosto 14, 2020 · 4 min · 716 palabras · Parzibyte

Hacer update con Sequelize

En este post de programación te voy a enseñar cómo hacer un Update o actualizar un dato usando Sequelize, un ORM de Node. Es decir, actualizar ciertos campos de un modelo usando un where. Todo esto lo haremos con Sequelize, no vamos a escribir consultas SQL manuales. ...

agosto 9, 2020 · 2 min · 300 palabras · Parzibyte

Relaciones SQL con Sequelize y Node

En este post te mostraré cómo hacer una relación o asociación entre tablas con el ORM Sequelize para hacer la relación a nivel base de datos y también para traer los datos usando la asociación. Es decir, lo que tiene que ver con foreign key, inner join, left join, etcétera. Te mostraré cómo insertar datos y solo especificar la clave foránea, contrario a lo que se muestra en la documentación en donde se insertan ambos modelos a la vez. La razón es porque, por ejemplo, si un trabajador pertenece una oficina, solo importa guardar el id de oficina en caso de que esta ya se haya creado antes, y no se requiere guardar una oficina por cada trabajador. ...

julio 30, 2020 · 3 min · 583 palabras · Parzibyte

Pequeño e-commerce en Angular, Node y MySQL (tienda online)

Hoy vengo a presentar un software de comercio electrónico, tienda online o e-commerce escrito en Angular, con los estilos de Angular Material, y con una API escrita con JavaScript del lado del servidor usando Node con Express. Para la base de datos se ha usado MySQL. El software es open source; puede ser descargado y modificado por cualquier persona. Entre sus características encontramos: Gestión de productos Fotos de productos (guardadas en el disco duro) Carrito de compras por cada usuario Registro de venta con dirección de envío Vista de tienda Detalle de producto Quiero aclarar que no es un software listo para producción, y más bien es un proyecto escolar que puede servir ya sea como base para un proyecto completo de un e-commerce o para otro proyecto escolar. Veamos ahora cómo es que está programado, en dónde se puede descargar. etcétera. ...

junio 11, 2020 · 13 min · 2621 palabras · Parzibyte

Sesiones en Node con express.js

En este post te mostraré un ejemplo sencillo y claro de cómo manejar la sesión o persistencia de sesión en Node.js usando el framework express.js Vamos a usar el paquete express-session; y de este modo podremos acceder a los datos de sesión de la petición. Gracias a la sesión podemos hacer varias cosas. Por ejemplo, restringir el acceso solo a usuarios logueados o llevar algo como un carrito de compras. ...

junio 2, 2020 · 2 min · 411 palabras · Parzibyte

Enviar JSON de Angular a Node: ejemplo

En este post te mostraré, de manera simple, cómo enviar datos codificados como JSON desde Angular a un servidor con node. Vamos a usar express en el lado del servidor; y del lado del cliente simplemente fetch. ...

junio 1, 2020 · 2 min · 393 palabras · Parzibyte

CORS manual para Express.js

En este post te mostraré cómo configurar, de manera manual (es decir, sin librerías ni paquetes) CORS para Node.js específicamente usando el Framework express.js. Pasa que al configurar cors con un paquete no podía especificar claramente los encabezados adicionales como Access-Control-Allow-Headers. ...

mayo 31, 2020 · 1 min · 192 palabras · Parzibyte