Ngrok - Comparte tu localhost con un Dominio y HTTPS
Ғылым және технология
Cuando se desarrolla un proyecto web en un entorno local (localhost) hay muchas veces que nos hace falta compartir nuestros avances con clientes, o necesitamos conectarlo a un servicio que solicita un dominio de verdad con HTTPS, bueno todo esto se puede resolver facilmente usando Ngrok, el cual crea un tunel HTTP para que podamos conectar nuestro localhost a un dominio con HTTPS y poder compartirlo con clientes u otros sitios web. En este tutorial aprenderas como instalarlo, configurarlo y entender de forma basica como funciona
Paginas mencionadas en el video:
ngrok.com/
Curso Recomendados
Curso de React: • Curso de Reactjs desde...
Curso de Nextjs: • Curso de Nextjs desde ...
🛒 Fazt Web
Tienda Online: store.faztweb.com/
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/python
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🗣 Redes Sociales
Github ⮕ github.com/fazt
Twitter ⮕ / fazttech
Discord ⮕ faztweb.com/social/discord
Whatsapp ⮕ www.whatsapp.com/channel/0029...
🎒 Servicios Recomendados
DigitalOcean ⮕ m.do.co/c/8ef261d77de5
Namecheap ⮕ namecheap.pxf.io/ErDe9
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
SiteGround ⮕ bit.ly/31u9ZEk
Cloudinary ⮕ bit.ly/3ohNlJ7
Notion ⮕ affiliate.notion.so/yj9uc7bi3miq
Codecrafters ⮕ app.codecrafters.io/join?via=...
Puedes encontrar la lista de tutoriales de React en:
faztweb.com/web
#ngrok #desarrolloweb #backend #javascript
Пікірлер: 67
Gracias fazt , son buenísimas las herramientas que nos compartes , uso varias de las que has compartido de react y demás asi que se agradece 💯
Tremendas herramientas!!! Muchas gracias!!!
Excelente video! muy bien explicado todo y de manera dinamica, El video tiene muy buen ritmo lo que hace facil mantener la atencion. nuevo suscriptor!
Muchas gracias, esta muy bien explicado y me sirve para mi proyecto
Me gustan este tipo de video. Muy bueno amigo, sigue asi, eres grande!
Ya he probado.. y funciona muy bien
Muy buena forma de desplegar un proyecto. Gracias por compartir tan valioso contenido 👍
@FaztCode
6 ай бұрын
No es para despliegue precisamente pero sí es muy util
¡Gracias crack!
gracias Fazt, me acuerdo cuando empezé a seguirte hará 2 años y pico que enseñaste ngrok, pero mola que ahora ya viene con chocolate ;) siempre gracias!
gracias man!
Literally, fazt's fast video.
gracias
muchas gracias fazt, gran contenido
hola te amo
buen dato
Buen contenido $> {❤️}
BRILLANTE QUIEN FUE EL GENIO QUE SE LE OCURRIO ESTO!
@FaztCode
5 ай бұрын
Esto tambien esta disponible desde Visual Studio Code por cierto: kzread.info/dash/bejne/d4eZ1rCjcpCahc4.html
@CppExpedition
5 ай бұрын
@@FaztCode Gracias me acabo de suscribir, tenés contenido de primera! Te felicito! 🎉🥳
Genial es bueno cuando estabmos trabajando con Mediaqueries ?
un crak miapa un beso en el llamamoscas
justo estaba buscando algo asi por que necesito probar mis app en expo go pero no puedo usar mi base de datos en local y tengo que tenerlo desplegado
una pregunta esto es para el frontend o el backend por que los tengo separados y yo quiero que el usuario pueda realizar las solicitudes
Entonces de esta forma podria alojar un proyecto web en un portatil y por medio de mi dominio comprado y ngrok podria ahorrarme el proceso de una vps y demás y sacar mi proyecto a disponibilidad sin problemas relevantes de seguridad??
fazt tengo una duda como usariaria ngrok con un websocket?
Una consulta VsCode tambien tiene algo similar con su nueva version, es igual?
@FaztCode
6 ай бұрын
Es un redirect, y si en la práctica sería lo mismo
Entonces esto es lo mismo que el servicio Cloudflare Tunnel · Cloudflare Zero Trust??
Funciona con websoket ?
Nice!!!. Cuál es la página de donde hace los esquema y boceto para explicar la vida. La que mostraste el principio??.
@FaztCode
6 ай бұрын
Creo que te refieres a esto: kzread.info/dash/bejne/fZ6tpK5vYNisfJM.html
la duda es que si tengo 4 carpetas de proyectos, puedo hacer la primera opción..? ya que la segunda es general para todos los proyectos.... me perdí amigo.
Como puedo mantener la misma url del ngrok ? para que no cambie cuando lo vuelva a ejecutar
@omarrosas5524
Ай бұрын
creo que con la opción de pago. la gratis tiene ese inconveniente y dura unas horas activa.
es como un servidor websocket?? o una conexion webrtc? siendo ngrok un especie de servidor turn de retransmision??
@omarrosas5524
Ай бұрын
tunel...
Tu lees mi mente, estaba justo viendo tu video de integrar mercadopago en express donde explicas el webhook y usas de repente este coso y aca estoy viendo haber de que cosa se trata esta cosa... Gracias Faztt🫡🫡🫡
Fazt, el de cloudflared me parece mejor, pues no le pide al usuario que acepte que está siendo redirigido al principio.
@omarrosas5524
Ай бұрын
cloudflared... lo voy a revisar, gracias.
Justo estaba mirando esta herramienta ya que mi red se encuentra bajl un cgnat pero no pude instalarla
@pabloalgo7201
6 ай бұрын
Prueba cloudflare tunnels debería ir en gnat
hice todo, pero me sale q ngrok no se reconoce como un comando interno o externo ......
Pregunta, máster, qué herramienta de diagramación usaste para este video?
@FaztCode
6 ай бұрын
Es esta kzread.info/dash/bejne/fZ6tpK5vYNisfJM.html
@emmanuelrosas4164
6 ай бұрын
Muchas gracias por la respuesta, Fazt, eres grande. Gracias por tan buen contenido y por tu manera de ser.
Que diferencias hay con usar cloudflare?
@pabloalgo7201
6 ай бұрын
Vale ya vi el vídeo
No conocia ngrok yo uso el propio visual estudio para haver un tunel en la terminal hay un apartado de ports y ahi pones el puerto donde se esta ejecutando y el te genera una url con dominio que puedes compartir, esto hago antes de ver este video no se si sea mejor que ngrok espero y lees el comentario y me digas que tal
@juanroa7108
6 ай бұрын
También uso la opción de ports en vscode, habrá que probar ngrok para saber cual es mejor
Lo quise correr en un contenedor y con el puerto 80 que es el servidor casaos funciona. Ahora quiero exponer el puerto 8000 o el 8080 donde está WordPress y no me funciona. No entiendo porque no estaría funcionando. WordPress lo levanté con Docker-compose al igual que ngrok. 😢😢😢 Como haces con el tema de la página web. Saludos!!!😊
Hola Fazt, una pregunta, como puedo hacer para usar un tunel de desarrollador, ya sea con ngrok o cualquier otro que no tenga ese molesto anuncio que dice que debo darle clik en visitar sitio,, existe algun servicio que no tenga ese tipo de cosas? o se le puede quitar a ngrok sin pagar?
@dev.j255
6 ай бұрын
paga o crea tu propio http tunnel.
@geovannyxaviercasimiromang944
6 ай бұрын
como puedo crear mi propio tunel?@@dev.j255
como se llama la herramienta que usas para los diagramas
@seiya_dev
6 ай бұрын
Se llama excalixdraw
buena, pero creo que vsc ya te da esa opcion.
vscode ya lo hace de forma integrada
@facelessbino
6 ай бұрын
mi amigo el mas inteligente xd
a alguien mas le aparece que es un archivo mailicioso en virustotal?
Gracias por el consejo, sin embargo, ngrok no es gratuito, cuesta $15 por mes. Comentario de sugerencia sobre alternativas como Serveo
@FaztCode
6 ай бұрын
Es correcto ngrok no es gratuito, tiene un plan gratuito
jajajaja todo bien hasta que dijiste lo voy a instalar en windows.