Ver tu localhost desde fuera de tu red sin abrir puertos con ngrok

Si queremos mostrar la web a un cliente/amigo/etc sin necesidad de hacer ningún deploy, utilizar ningún servicio externo, abrir ningún puerto, bla bla bla… Parece mentira, parece brujería pero es posible tan solo instalando ngrok… Awesome 😱

Para instalarlo necesitamos Node 👀

Si nos da errores de permisos probad con:

Para ponerlo en funcionamiento tan solo nos basta con ir a la ruta/path de nuestro proyecto y ejecutar:

(5500 es el puerto que queremos exponer, en mi caso tengo ese porque he montado un server php con el comando ‘php -S localhost:5500‘)
Documentación de crear un server php «temporal»: https://www.php.net/manual/es/features.commandline.webserver.php
Para mas documentación sobre ngrok: https://ngrok.com/docs

Y nos devolverá:

ngrok by @inconshreveable (Ctrl+C to quit)

Session Status online
Session Expires 7 hours, 59 minutes
Version 2.3.35
Region United States (us)
Web Interface http://127.0.0.1:4040
Forwarding http://1cf353f672df.ngrok.io -> http://localhost:5500
Forwarding https://1cf353f672df.ngrok.io -> http://localhost:5500

Podemos ver (entre otras cosas) que la sesión caducará en 8 horas. Dejando la terminal abierta podremos ver el log del server.


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Obtener la ip local en nuestro macOs rápidamente

Como todos sabemos podemos ejecutar en terminal ifconfig y nos devuelve todas las configuraciones de red, pero si solo queremos saber la ip local de nuestro equipo, solo con escribir:

Nos devolverá la ip local.

👋


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

.htaccess para React

Configuración estándar para una app de React Js.


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

El tren de linux

Para poder ver esta fantasía en nuestra terminal de Linux tan solo hemos de ejecutar:

Y el tren nos pasará por la terminal. (Siempre que lo tengamos instalado «sudo apt install sl»)

Otras animaciones:

Enjoy!


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Eliminar todos los mail en Linux

Cómo eliminar todos los emails que nos brinda el sistema (al crear los «crons» por ejemplo).

Mostramos los headers:

Los borramos todos:

Salimos:


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Al crear la app desde npx create-react-app no me genera el proyecto

Si estamos intentando crear un nuevo proyecto de React js y al ejecutar

accedemos a la carpeta:

y tan solo tenemos los siguientes ficheros:

node_modules
package-lock.json
package.json

Puede ser que tengamos instalada una versión vieja de create-react-app en nuestro sistema, en:

/usr/local/bin/create-react-app

Para «fixear» esto vamos a desinstalar create-react-app con:

Y ya debería de funcionar.

Creamos otra app con npx.

Listamos el directorio

y

README.md
node_modules
package-lock.json
package.json
public
src

!Saludosss!


PD: Hay otra solución un poco «ñapas» que consistiría en ejecutar:

Y como veis, ignoraría el global existente, (haced el camino limpio que sienta mejor 🙏)


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Actualizar la versión de Node en MacOS

En mi caso, al ejecutar:

Me devolvía:

v8.12.0

Para actualizar la versión tan solo vamos a la página oficial de node https://nodejs.org/es/ y descargamos la actual, ejecutamos el archivo y al finalizar volvemos a nuesrto terminal y volvemos a ejecutar:

Y aparecerá ya la nueva versión de node!

v12.18.2

💃


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

gyp: No Xcode or CLT version detected!

Si recibimos este error en Mac Catalina:

gyp: No Xcode or CLT version detected!
gyp ERR! configure error

La solución pasa por (re)instalar la command-line tools, después de borrar la que actualmente tenemos.

Para saber en qué directorio lo tenemos instalado ejecutamos:

En mi caso:

/Library/Developer/CommandLineTools

Seguidamente procedemos a eliminar el actual (nos pedirá el pass de nuestra cuenta):

Ahora nos debería de aparecer el siguiente dialogo de git.

En el caso de que no nos aparezca, ejecutaremos:

Cuando termine la instalación nos aparecerá el siguiente diálogo:

Y listo, en mi caso ya puedo iniciar mi app de React.

👋


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Escribir el símbolo de euro en teclado americano Mac

A los que nos gusta tener el layout americano y un teclado mecánico molón para trabajar en ocasiones nos encontramos que para escribir cierto símbolo para el cual el teclado no está optimizado, en este caso me he encontrado con el símbolo del euro:

No vale copiar y pegar 😉

Al grano, lo conseguiremos con la combinación de teclas: Alt Shift 2

2

¡¡Saludos!!


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?