Para levantar un alojamiento web temporal con Xampp y ngrok simplemente deberás seguir estos sencillos pasos y tendrás una web completamente operativa
Dado que la privacidad del código es una de las principales preocupaciones, nadie prefiere compartir su código fuente con nadie, pero ¿qué pasa si queremos compartir nuestra aplicación web con alguien? Nadie prefiere optar por compartir todo el código fuente ni comprar un hosting para ello. ¿No es así?
Más bien preferimos alojar nuestro proyecto en el servidor local y luego generar una URL temporal compartible. Con esto, la persona a la que proporcionemos la URL podrá echar un vistazo fácilmente al proyecto sin tener acceso al código fuente. Así que para proceder con esta opción, utilizamos las dos herramientas siguientes:
- XAMPP: Son las siglas de Cross-platform, Apache, MariaDB(Mysql), PHP y Perl. Es una herramienta gratuita, de código abierto y multiplataforma para crear un servidor local. Nos facilita la prueba de la aplicación web de forma local.
- ngrok: Es un software de tunelización multiplataforma, que se utiliza para establecer una conexión haciendo un túnel entre el servidor local y el punto final público, como Internet.
Pasos para instalar XAMPP
Paso-1: Descarga la configuración de XAMPP desde Apache Friends.
Paso-2: Abre el archivo XAMPP descargado para su instalación.
Paso-3: Desactivar UAC:https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff%2F788447%3Fas_embed%3Dtrue&dntp=1&display_name=Upscribe&url=https%3A%2F%2Fupscri.be%2F788447%2F&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=upscri
Una vez abierto el archivo XAMPP descargado, aparecerá un aviso para desactivar el Control de Cuentas de Usuario (UAC). Se desactiva porque deniega el permiso de escritura en la unidad C:. Haz clic en el botón «Aceptar» para desactivarlo.
Paso-4: El asistente de configuración se abrirá automáticamente después de hacer clic en el botón «Aceptar». Ahora haz clic en el botón ‘Siguiente>’ para la configuración.
Paso-5: Selecciona el directorio de instalación en el que quieres instalar XAMPP y luego haz clic en ‘Siguiente’.
Paso-6: Selecciona el idioma y haz clic en «Siguiente».
Paso-7: Una vez seleccionadas todas estas preferencias, comenzará el proceso de instalación.
Paso-8: Ahora, una vez que todos los componentes estén desempaquetados e instalados, haz clic en «Finalizar» para terminar la instalación.
Una vez completado el proceso de instalación, se abrirá el panel de control de XAMPP. En el panel de control, habrá diferentes componentes que fueron seleccionados durante el proceso de instalación. El panel de control tiene el siguiente aspecto:
Pasos para instalar ngrok
Paso-1: Descargar la instalación de ngrok. Estará en formato ZIP.
Paso-2: Descomprime el archivo descargado y coloca el archivo «ngrok.exe» en el escritorio. Si quieres utilizarlo con frecuencia, muévelo al directorio deseado y establece la variable de ruta.
Con esto, hemos terminado de configurar ngrok y ambas herramientas están listas para su uso.
Iniciar XAMPP:
Ahora, ya que la configuración se ha completado, vamos a ejecutar el servidor XAMPP y alojar nuestro proyecto en el servidor local. Para conseguirlo los pasos son los siguientes:
Paso-1: Abre el panel de control de XAMPP e inicia los módulos «Apache» y «SQL».
Cuando los dos módulos se inician con éxito, se resaltan con el color verde como se muestra arriba.
Otra forma de comprobarlo es abrir cualquier navegador y buscar «localhost». Si está en estado de ejecución, se mostrará la siguiente pantalla del panel de control de localhost.
Paso-2: Mueve el archivo que se va a compartir en el directorio «htdocs» cuya ubicación es «C:\xampp\htdocs».
Paso-3: Para mostrar el archivo movido en el servidor local, pasa al navegador y busca «C:\xampp\htdocs». Entonces todos los archivos de tu carpeta «htdocs» se mostrarán en el navegador.
Paso-4: Selecciona el archivo que se va a previsualizar o compartir, como si quisiera compartir el «helloworld.php» entonces lo seleccionaré y se ejecutará en el navegador.
Como en los pasos anteriores hemos iniciado XAMPP y hemos previsualizado nuestro archivo ‘php’ en el ‘localhost’, significa que estamos ejecutando nuestro archivo en el servidor local con éxito. Generalmente se inicia en el puerto ’80’.
Iniciar ngrok
Paso-1: Abre ‘cmd’ (Command Prompt) y establece el directorio donde se encuentra el archivo ngrok. Por ejemplo, yo lo he movido en el ‘Escritorio’ así que escribiré «cd Escritorio» en el cmd.
Paso-2: Escribe el comando «ngrok http 80». Aquí «80» está especificando el número de puerto.
Paso-3: Una vez ejecutado el comando anterior, la sesión se inicia y muestra la URL temporal que se va a utilizar para compartir el proyecto.
Finalmente, después de poner en marcha las dos herramientas, sólo nos faltan dos pasos para llegar a nuestro objetivo. Estos pasos son los más sencillos:
Paso-1: Copia la URL que se menciona delante del Reenvío en el ‘cmd’ como se destaca a continuación:
Nota: Las solicitudes realizadas para la URL también se mostrarán en la misma ventana «cmd».
Paso-2: Copia la URL seleccionada y pégala en el navegador. A continuación, procede a copiar la URL con el nombre del archivo que tienes que compartir y moverlo al directorio «htdocs». En mi caso, fue el «helloworld.php» por lo que la URL completa será: “https://b281869f376f.ngrok.io/helloworld.php”.
Nota: Una vez que abandones ‘XAMPP’ y ‘ngrok’, el enlace compartible también se desactivará.
Por último, esta URL es la que se puede compartir con quien quiera compartir su proyecto alojándolo en el servidor local ‘XAMPP’ y generando una URL temporal con la ayuda de ‘ngrok’ estableciendo una tubería entre su servidor y la persona con la que se comparte el proyecto.
