Ekiketa – Mi biblioteca de código, el sitio donde iré posteando ayudas que sirven en el día a día de un programador.

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 👀

sudo npm i -g ngrok

1	sudo npm i -g ngrok

Si nos da errores de permisos probad con:

npm install ngrok --unsafe-perm=true --save

1	npm install ngrok --unsafe-perm=true --save

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

ngrok http 5500

1	ngrok http 5500

(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:

ipconfig getifaddr en0

1	ipconfig getifaddr en0

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.

<IfModule mod_rewrite.c>

  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]

</IfModule>

RewriteEngine On

RewriteBase /

RewriteRule ^index\.html$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteCond %{REQUEST_FILENAME} !-l

RewriteRule . /index.html [L]

</IfModule>

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:

sl -l

sl -l

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

Otras animaciones:

sl

sl -a

sl -a

sl -F

sl -F

sl -Fa

sl -Fa

sl -la

sl -la

sl -Flea

sl -Flea

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:

mail -N

mail -N

Los borramos todos:

d *

d *

Salimos:

quit

quit

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

npx create-react-app app

1	npx create-react-app app

accedemos a la carpeta:

ls app

ls app

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:

sudo npm uninstall -g create-react-app

1	sudo npm uninstall -g create-react-app

Y ya debería de funcionar.

Creamos otra app con npx.

npx create-react-app app2

1	npx create-react-app app2

Listamos el directorio

ls app2

ls app2

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:

npx --ignore-existing create-react-app app

1	npx --ignore-existing create-react-app app

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:

node -v

node -v

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:

node -v

node -v

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:

xcode-select --print-path

1	xcode-select --print-path

En mi caso:

/Library/Developer/CommandLineTools

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

sudo rm -r -f /Library/Developer/CommandLineTools

1	sudo rm -r -f /Library/Developer/CommandLineTools

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

En el caso de que no nos aparezca, ejecutaremos:

xcode-select --install

1	xcode-select --install

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?

GIFs Fever

homer_mono_platillos

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

€

¡Hola!