Bad Request en Passport con estrategia local Solucion!!!

El debugin puede ser hermoso o terrible si contamos con la informacion correcta. Desgraciadamente Passport no nos da toda la informacion que necesitamos. Bad Request es un bug comun cuando trabajas con cualquier estrategia, ya sea local o Twitter o Google. Ya sea que uses Insomina o Postman este error ni siquiera deja que ingrese a la ruta, hoy vamos a aprender una forma de solucionar el Bad Request en Passport.

El problema 400 con Passport

Creas un proyectos de Node, agregas Express y creas unas rutas, decides usar Passport para la autenticacion, implemnetas una ruta para autenticar el usuario y ... Error 400 Bad Request.

Si intentamos hacer una verificacion para ver que esta mal. vemos que nunca se ejecuta la funcion de verificaion y que no nos da ningun dato sobre el problema.

Y este es el problema, existen tantas posibilidades de error que no saber que esta fallando es lo que complica todo el trabajo, para arreblar eso Dmitry Rogozhny, ha creado una libreria para corregir todos los errores al trabajar con Passport.

Solucion al problema

Este post no va de ayudarte a solucionar un error, es de como ayudarte a encontrar el error. Suena parecido pero son dos cosas diferentes.

Lo que vamos a hacer es hacer que en nuestra consola aparezca una explicacion detallada del error. Con esto sabremos que es lo que esta mal y poder consultar la documentacion para corregirlo.

Como encontrar el Bug 400 Bad request de Passport

// Importamos Passport y en mi caso la estrategia local.

var passport = require('passport');

var LocalStrategy = require('passport-local').Strategy;

// agregamos una nueva estrategia de verificacion.

passport.use(new LocalStrategy(

// your verification logic goes here

// this test verification function always succeeds and returns a hard-coded user

function (username, password, done) {

console.log("Verification function called");

return done(null, { username, id: "1" });

}

));

// serialize user object

passport.serializeUser(function (user, done) {

done(null, user);

});

passport.deserializeUser(function (user, done) {

done(err, user);

});

// Iniciar Passport y sus middlewares

app.use(passport.initialize());

app.use(passport.session());

// Creamos nuestra ruta de autenticacion

app.post('/my-login',

function (req, res, next) {

passport.authenticate('local', function (error, user, info) {

console.log(error);

console.log(user);

console.log(info);

if (error) {

res.status(401).send(error);

} else if (!user) {

res.status(401).send(info);

} else {

next();

}

res.status(401).send(info);

})(req, res);

function (req, res) {

res.status(200).send('logged in!');

});

Rastreada actualmente sin indexar: Que significa y como puedes solucionarlo

Google esta teniendo problemas desde 2019 con el rastreo de las URL´s. El mensaje de Rastreada pero no indexada es mas comun de lo que crees y no tiene nada que ver ni con tu servidor ni el "valor" de tu contenido.

Que significa Rastreada actualmente sin indexar

Para iniciar debemos comprender que Search Console te envia diferentes mensajes de error en el indice de cobertura, estos mensajes van desde redirecciones hasta cosas mas complejas como paginas excluidas.

Hoy la que nos interesa es Rastreada actualmente sin indexar, que no es mas que Google ya encontró nuestra URL pero considero que no debia indexala.

Este error se debe a uno de los modulos de Google y es a nivel mundial. La primera vez que fue reportado fue en India pero se ha detectado que ya esta afectando a sitios de todos los idiomas.

Hace algun tiempo Google deshabilito la indexacion manual por este mismo problema. Este modulo se encarga de verificar el servidor de tu web y medir su rendimiento. Es por eso que en la mayoria de los casos te dira que no la indexo porque Google considero que tu servidor podria colapsar.

Como funciona el rastreo de Google

Para entender como solucionar el problema de indexacion debemos comprender un poco como funciona el rastreo de Google.

El rastreo es la funcion de Google que le permite encontrar la URL y analizarla, comprenderla e indexarla. Pero tenemos un problema, parte del rastreo consiste en medir el rendimiento de la web, el tipo de respuesta del servidor (headers como el 50X) y medir el performance.

Y este es justo el problema de la indexacion, pues el rastreador no logra accede a nuestra web, pero no logra acceder porque el error es del rastreo.

Como solucionar Rastreada actualmente din indexar

Hay 3 formas, todas desde el WhiteHat Seo, pero alguna que rosa lo BlackHat. Lo importante es que ninguna te va penalizar y puede ayudarte a que tus URL´s se indexen.

Indexadores

Solucion facil y rapida, pero un poco cara (si manejamos un alto nivel de URL´s), se trata de pagar un servicio de indexacion como LinkCentaur.

Estos indexadores utilizan la técnica del backlink de rastreo para aumentar tus posibilidades de indexacion.

Muchos pluggins de Wordpress utilizan este metodo y ha resultado efectivo hasta cierto punto. el problema es que no sabemos que hacen exactamente con nuestros links, asi que perdemos un poco de control sobre la calidad de nuestra web.

Enlace de Rastreo

Existen tres tipos de enlaces, siendo uno de ellos el de rastreo. Links cuyo objetivo que llevar ala araña de Google a tu web desde otras webs, pero que su objetivo no es el posicionamiento.

Se trata de dejar suficientes migas de pan en webs de terceros solo con el objetivo de ser rastreado. Por ejemplo un link en tu pagina de Facebook no lo tomara en cuenta Google subirte en las SERP´s, pero si hara que te encuentre mas facil y rapido.

¿Te preocupa el Spam o penalizaciones? Ya lo ha dicho Google en muchas ocaciones, enlaces como el link de pagina de empresa de Google My Business, el link de la firma de un foro, un link en una pagina de Facebook o incluso una web vacia con un solo link no son tomados en cuenta para el posicionamiento... pero si para el rastreo.

Reiniciar los Sitemap

Otro "truco" que se ha visto que funciona es reiniciar el rastreo de tu web eliminando el Sitemap, esto provocara que Google se vuelva loco al entrar a tu web se vea forzado a seguir los enlaces que tu le indiques desde la Home (primera pagina que visita al iniciar el rastreo) una vez pasado un tiempo prudente (de una semana hasta 2 meses) tu web quedara lista para ser rastreada e indexara de forma inmediata.

Otro truco menos peligroso es crear varios Sitemap y dividir nuestro rastreo en etapas o categorias, es decir, cada Sitemap contendrá un pequeño numero de enlaces, esto para economizar el crawling.

Hola amigos hoy vamos a hacer un reproductor MP3 para tu blog solo utilizando HTML, CSS y JavaScript, pero tranquilo, vamos a hacerlo paso a paso y si no sabes nada de codigo, este reproductor de MP3 es la excusa perfecta para aprender.

Como Hacer un reproductor HTML con JavaScript de MP3

Lo primero que hay que saber es que vamos a hacer codigo, no vamos a utilizar pluggins ni extenciones, no tengas miedo, esto es muy facil y lo mejor..seguro.

Como Hacer un reproductor de audio MP3 en HTML

Lo primero que debemos hacer es crear una etiqueta de audio esto se hace con el siguiente codigo de HTML El siguiente paso es colocar el atributo "SRC" o source, el cual es el link del archivo de audio o de MP3.

Y listo en lo que se refiera a HTML ya hemos terminado. Asi de simple, pero no se mostrara el audio, esto porque no le hemos dicho que lo haga, pero no lo vamos a mostrar.

Esto se debe a que con CSS, osea el estilo, lo vamos a esconder y mostrar otro elemento, que va a cumplir la funcion de reproductor.

Para esto debemos agregar una ultima cosa, un ID o identificador a nuestro archivo de audio, por ultimo debemos colocar el boton de play y pause, en mi caso tengo unas imagenes que puedo usar, en codigo quedaria asi:

Le he agregado una propiedad ID llamada "btn", esto para poderlo seleccionar con JavaScript.

Agregando JavaScript al reproductor de MP3 en HTML

Debemos seleccionar el boton de play para que tenga la funcion de pausa y play, para esto abrimos una etiqueta de Script y dentro de ella escribirmos el siguiente codigo de JavaScript:

Ahora ya podemos pausar y reproducir el MP3 desde el Html y con JavaScript, ahora toca dar los estilos.

Reproductor HTML, JavaScript con CSS

Para esto vamos a "copiar" un estilo parecido al de Spotify pero un poco mas nuestro.

Para esto abrimos una etiqueta Style y copiamos el siguiente codigo:

Ahora para que el boton cambie de Play a Pause, vamos a usar un metodo de JavaScript que permite agregar o eliminar un clase, para esto debemos crear un DIV o contenedor con el ID de "btn" y dentro de el colocamos las imagenes de los botones.

Ahora si no haz entendido nada, te recomiendo que veas el tutorial en video que tengo en mi canal de Youtube.

Codigo Final en HTML, CSS y Javascript del reproductor de MP3

El codigo final del reproductor es el siguiente:

Solo copias y pegas para probar el funcionamiento. En mi canal de Youtube voy a mejorarlo y a hacer un Spotify que funcione de manera dinamica, suscribete para no perderte el tutorial.

Copiar Codigo

Dale Play para ver como funciona...

Se puede montar una StartUp en Guatemala?

Cuando la gente se entera de mi experiencia con empresas tipo StartUp europeas me hacen la pregunta ¿acasos sos rico? y se rien. Y es normal, la gente confunde unicornios con StartUps, siendo estas ultimas mas una metodologia que un tipo de empresa.

Hoy voy a hablar de mi experiencia en este campo, hablaremos un poco de como emprendedores en Guatemala estan cambian las cosas y como podemos iniciar en este mundo.

Que es una StartUp

Desde hace años se debate en que es y que no es una StartUp. La definicion mas aceptada es:

Una StartUp es una empresa que basa su modelo de negocio en la incertidumbre y el inicio rapido, utilizando la innovacion para satisafacer necesidades especificas de sectores debidamente delimitados utilizando el modelo de aprendizaje validado para optimizar sus procesos.

Es decir que una StartUp es una empresa que busca satisfacer una necesidad con innovación (ya sea en el proceso productivo, en el modelo de negocio o en la experiencia del usuario) sin saber si es rentable o si existe un mercado y que valida esa idea con un producto minimo viable al cual se le mejora con el feedback de los usuarios.

Que no es una StartUp

Todo lo que sea tradicional, no es una Startup. El modelo en si no permite estar atado a estructuras tradicionales. Es comun ver como las empresas se van construyendo en base a la experiencia, no es lo mismo un conocimento validado con una empresa de Us$1000 que en un negocio tradicional con contratos de un año de alquiler de un local.

Entonces...Se puede montar una StartUp en Guatemala?

La respuesta estimado lector es si. Aunque muchas personas (de los que en este blog llamamos gurus) te diran que solo en Estados Unidos o Europa puedes montar Startup´s, en la practica encontraras que muchos creadores de negocios estan en paises con peores condiciones que Guatemala.

Esta metodologia permite crear empresas de bajo costo. Si aunque algunas personas se enojen (aveces pasa) las StartUp son baratas o deberian de serlo.

Este sistema no es algo exclusivo y existe mucha documentacion, cursos y hasta tutoriales en Youtube para formar una.

Que necesitas para montar una StartUp en Guatemala

Como ya mencione arriba, una StartUp es una empresa de inicio rapido. Para que todo comience necesitas una idea.

Pero en esta metodologia se le llama propuesta de valor. Es decir la forma como vamos a satisfacer una necesidad especifica de manera innovadora.

No confundan innovacion con tecnologia. Podemos facilmente vender jabones hechos con matequilla para aliviar el acne, que eso seria una innovacion, o podriamos dar clases online atravez de videos grabados utilizando una super app con la mejor tecnologia y no estar aportando nada nuevo.

Con la idea ya en la cabeza necesitas una forma como ejecutarla y listo. De ahi en adelante necesitarias recibir todo el feedback de los clientes.

Es tan facil montar una StartUp

No y si. Si ya conoces de UX, IU, PMV, Pivoteo, Big data, ejecucion de negocio y tecnicas de ventas, el montar un negocio utilizando el StartUp es facil.

Si no conoces nada de esto puede complicarse un poco, pero, aunque todo esto parece complicado y hay terminos que jamas haz escuchado, todo esta en Youtube.

De hecho hay un libro que te explica de manera eficiente el modelo y que puedes usar para comenzar, es el Lean StartUp de Eric Ries. En el libro, el autor nos lleva de mano a la experiementacion del mercado.

Si es tan facil porque no lo haces vos...

Tipica confrontacion en redes sociales, pero para evitar eso, voy a montar una StartUp, con la mas minima inversion, utilizando solamente los conocimientos que tengo y sin utilizar a mis contactos y lo voy a documentar todo en mi canal de Youtube. (Puedes ver el Link en el menu superior)

Si te interesa mas la idea de aprender a crear empresas que cambian el mundo puedes tomar el curso de Platzi, el mas completo, en mi opinion, sobre el tema.

Conocer Platzi

Suscribirse a: Entradas ( Atom )

featured Slider

Como crear una aplicacion de React en Windows 7 en 2022 sin usar Create-React-App

Crear una aplicaion de React sin usar Create-React-App sin actualizar Windows 7

Que es Vite y como crear un proyecto de React sin Create-React-App

Como usar React sin el Ract-Create-App con Vite

"npm create vite@latest my-vue-app --template vue"