¿Quiere crear su propio sitio web pero no necesita un procesamiento del lado del servidor a gran escala? ¿No sería más fácil si pudiera crear, alojar y mantener un sitio web directamente en su Raspberry Pi? Aquí le mostramos cómo convertir una Raspberry Pi en su propio servidor web personal.
Al final de este tutorial, aprenderá cómo instalar el popular servidor web Apache en su Raspberry Pi, configurar PHP y crear una página web simple a la que cualquiera pueda acceder a través de su red local.
¿Qué es el servidor web Apache?
Apache es una de las aplicaciones de servidor web más populares del mundo con casi el 40 por ciento de todos los servidores web en el momento de escribir este artículo.
Una vez que haya configurado Apache en su Raspberry Pi, puede usarlo para servir diferentes archivos a cualquier persona en la red local.
Que necesitas
Para completar este tutorial necesitarás:
Raspberry Pi con Raspbian. Si aún no tiene Raspbian, puede descargar la última versión y actualizarla usando Etchers. Cable de alimentación compatible con su Raspberry Pi Teclado externo y una forma de conectarlo a su Raspberry Pi Cable HDMI o micro HDMI, dependiendo de su modelo de Raspberry Pi Monitor externo Cable Ethernet o conexión Wi-Fi
Actualiza tu Raspbian
Si aún no lo ha hecho, conecte su teclado externo, monitor y otros periféricos a su Raspberry Pi y luego conéctelo a una fuente de alimentación.
Antes de comenzar, es mejor asegurarse de que su Raspbian tenga la última versión. Inicie una ventana de terminal haciendo clic en el pequeño icono “Terminal” en la barra de herramientas. Introduce los siguientes comandos en la terminal:
sudo apt-get update sudo apt-get upgrade
Si Raspbian instala una o más actualizaciones, reinicie su Raspberry Pi ejecutando el siguiente comando:
reboot
Cuando reinicie su Raspberry Pi, ejecutará la última versión de Raspbian.
Instalar el servidor web Apache
Ya está listo para instalar el paquete Apache2 en nuestra Raspberry Pi. Escribe el siguiente comando en la terminal:
sudo apt install apache2 -y
Y ahí está: ¡Tu Raspberry Pi ahora funciona como un servidor web básico!
Para poner en funcionamiento su servidor web Apache, debe ingresar la dirección IP de su Raspberry Pi en un navegador web. Para recuperar esta dirección IP, ejecute el siguiente comando en la ventana del terminal:
.ub4c1429057ae9cebec7beed2535cc1f0, .ub4c1429057ae9cebec7beed2535cc1f0 .postImageUrl, .ub4c1429057ae9cebec7beed2535cc1f0 .centered-text-area {min-height: 80px; posición: relativa; } .ub4c1429057ae9cebec7beed2535cc1f0, .ub4c1429057ae9cebec7beed2535cc1f0: flotar, .ub4c1429057ae9cebec7beed2535cc1f0: visitado, .ub4c1429057ae9cebec7beed2535cc1f0! } .ub4c1429057ae9cebec7beed2535cc1f0 .clearfix: después de {contenido: “”; pantalla: mesa; Limpia los dos; } .ub4c1429057ae9cebec7beed2535cc1f0 {pantalla: bloque; transición: color de fondo 250ms; transición de webkit: color de fondo 250ms; ancho: 100%; opacidad: 0,95; transición: opacidad 250ms; webkit-transition: opacidad 250ms; color de fondo: # 9B59B6; sombra de caja: 0 1px 2px rgba (0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba (0, 0, 0, 0.17); -o-caja-sombra: 0 1px 2px rgba (0, 0, 0, 0.17); -webkit-caja-sombra: 0 1px 2px rgba (0, 0, 0, 0.17); } .ub4c1429057ae9cebec7beed2535cc1f0: activo, .ub4c1429057ae9cebec7beed2535cc1f0: hover {opacidad: 1; transición: opacidad 250ms; webkit-transition: opacidad 250ms; color de fondo: # 8E44AD; } .ub4c1429057ae9cebec7beed2535cc1f0 .centered-text-area {ancho: 100%; posición: relativa; } .ub4c1429057ae9cebec7beed2535cc1f0 .ctaText {borde inferior: 0 sólido #fff; color: #FFFFFF; tamaño de fuente: 16px; fuente-peso: negrita; margen: 0; relleno: 0; decoración de texto: subrayado; } .ub4c1429057ae9cebec7beed2535cc1f0 .postTitle {color: #FFFFFF; tamaño de fuente: 16px; peso de fuente: 600; margen: 0; relleno: 0; ancho: 100%; } .ub4c1429057ae9cebec7beed2535cc1f0 .ctaButton {color de fondo: # 8E44AD!importante; color: #FFFFFF; borde: ninguno; borde-radio: 3px; sombra de caja: ninguna; tamaño de fuente: 14px; fuente-peso: negrita; altura de línea: 26px; moz-border-radio: 3px; alineación de texto: centro; texto-decoración: ninguno; sombra de texto: ninguno; ancho: 80px; altura mínima: 80px; fondo: url (https://se.moyens.net/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png) sin repetición; posición: absoluta; derecha: 0; superior: 0; } .ub4c1429057ae9cebec7beed2535cc1f0: hover .ctaButton {color de fondo: # 9B59B6! importante; } .ub4c1429057ae9cebec7beed2535cc1f0 .centered-text {display: table; altura: 80px; relleno-izquierda: 18px; superior: 0; } .ub4c1429057ae9cebec7beed2535cc1f0 .ub4c1429057ae9cebec7beed2535cc1f0-content {display: table-cell; margen: 0; relleno: 0; relleno derecho: 108px; posición: relativa; alineación vertical: medio; ancho: 100%; } .ub4c1429057ae9cebec7beed2535cc1f0: después de {contenido: “”; bloqueo de pantalla; Limpia los dos; }
hostname -I
Esto devolverá su dirección IP de Raspberry Pis; simplemente ingrese esta dirección en cualquier navegador. Deberías ver la siguiente página.
¡Felicitaciones, acaba de crear su propio servidor web!
Permiso: Editar el archivo HTML de Apache
“¡Funciona!” la página web es en realidad un archivo HTML ubicado en la carpeta “/var/www/html” de su Raspberry Pis.
Para echar un vistazo a este archivo, abra la aplicación Raspbian File Manager (haciendo clic en el icono de archivo en la barra de herramientas) y luego navegue hasta “/ var / www / html”. Esta carpeta contiene un archivo “index.html”, que es la página que ve en su navegador.
En las siguientes secciones, realizará algunos cambios simples en este archivo y luego creará un archivo HTML adicional que Apache mostrará a todos en su red local.
En una ventana de terminal, cambie el directorio (“cd”) para que apunte al archivo “index.html”.
cd /var/www/html
Ahora ejecuta el siguiente comando:
ls -al
El terminal ahora mostrará un texto que explica que el archivo “index.html” es propiedad del usuario “raíz”.
Antes de que pueda editar este archivo, debe asumir la propiedad. Puede cambiar la propiedad con un comando de Terminal. El siguiente ejemplo asume que usa el nombre de usuario “pi” de Raspbian; si lo cambió manualmente, asegúrese de que esto se refleje en su comando de Terminal:
sudo chown pi: index.html
Si ejecuta el comando ls -al, debería ver que “pi” ahora tiene permiso para editar este archivo.
HTML: personalizar la página web de Apache
Ahora puede abrir la página “Funciona” para editarla ejecutando el siguiente comando de terminal:
nano index.html
Esto inicia el archivo “index.html” en Raspbian Nano Text Editor.
Puede cambiar cualquier parte del código de la página, pero para que sea más sencillo, en este ejemplo se ha cambiado el texto que se muestra como parte de su título.
Después de realizar los cambios, guarde el archivo presionando Ctrl + O, seguido de Ctrl + X.
Ahora cargue su dirección IP de Raspberry Pis en su navegador y debería ver sus cambios.
Haga que su sitio web sea dinámico: Instale PHP 7
De forma predeterminada, el servidor web Apache está limitado a contenido estático, por lo que sus páginas no responden a ninguna información proporcionada por los usuarios. Si desea que su contenido sea dinámico, debe instalar la última versión de PHP, que era PHP 7.4 en el momento de escribir este artículo.
En esta sección instalará la última versión de PHP y el módulo de PHP para Apache:
sudo apt install php libapache2-mod-php -y
Para probar que PHP está configurado correctamente, cree un archivo PHP en el directorio â ???? / var / www / html / â ???? y luego comprueba que este archivo se muestra en nuestro navegador.
Para crear un archivo PHP llamado “mywebpage.php”, ejecute el siguiente comando en la ventana de la terminal:
sudo nano /var/www/html/mywebpage.php
El archivo “mywebpage.php” se abre automáticamente en Nano. En el Editor de texto Nano, escriba el siguiente script PHP:
.u007bd7e21a16592a9356281723d46e83, .u007bd7e21a16592a9356281723d46e83 .postImageUrl, .u007bd7e21a16592a9356281723d46e83 .centered-text-area: 80min-p height; posición: relativa; ) } .u007bd7e21a16592a9356281723d46e83 .clearfix: después de {contenido: “”; pantalla: mesa; Limpia los dos; } .u007bd7e21a16592a9356281723d46e83 {pantalla: bloque; transición: color de fondo 250ms; transición de webkit: color de fondo 250ms; ancho: 100%; opacidad: 0,95; transición: opacidad 250ms; webkit-transition: opacidad 250ms; color de fondo: # 9B59B6; sombra de caja: 0 1px 2px rgba (0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba (0, 0, 0, 0.17); -o-caja-sombra: 0 1px 2px rgba (0, 0, 0, 0.17); -webkit-caja-sombra: 0 1px 2px rgba (0, 0, 0, 0.17); } .u007bd7e21a16592a9356281723d46e83: activo, .u007bd7e21a16592a9356281723d46e83: hover {opacidad: 1; transición: opacidad 250ms; webkit-transition: opacidad 250ms; color de fondo: # 8E44AD; } .u007bd7e21a16592a9356281723d46e83 .centered-text-area {ancho: 100%; posición: relativa; } .u007bd7e21a16592a9356281723d46e83 .ctaText {borde inferior: 0 sólido #fff; color: #FFFFFF; tamaño de fuente: 16px; fuente-peso: negrita; margen: 0; relleno: 0; decoración de texto: subrayado; } .u007bd7e21a16592a9356281723d46e83 .postTitle {color: #FFFFFF; tamaño de fuente: 16px; peso de fuente: 600; margen: 0; relleno: 0; ancho: 100%; } .u007bd7e21a16592a9356281723d46e83 .ctaButton {color de fondo: # 8E44AD! importante; color: #FFFFFF; borde: ninguno; borde-radio: 3px; sombra de caja: ninguna; tamaño de fuente: 14px; fuente-peso: negrita; altura de línea: 26px; moz-border-radio: 3px; alineación de texto: centro; texto-decoración: ninguno; sombra de texto: ninguno; ancho: 80px; altura mínima: 80px; fondo: url (https://se.moyens.net/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png) sin repetición; posición: absoluta; derecha: 0; superior: 0; } .u007bd7e21a16592a9356281723d46e83: hover .ctaButton {color de fondo: # 9B59B6! importante; } .u007bd7e21a16592a9356281723d46e83 .centered-text {pantalla: tabla; altura: 80px; relleno-izquierda: 18px; superior: 0; } .u007bd7e21a16592a9356281723d46e83 .u007bd7e21a16592a9356281723d46e83-content {display: table-cell; margen: 0; relleno: 0; relleno derecho: 108px; posición: relativa; alineación vertical: medio; ancho: 100%; } .u007bd7e21a16592a9356281723d46e83: después de {contenido: “”; bloqueo de pantalla; Limpia los dos; }
<?php
echo "Today is " . date('Y-m-d H:i:s');Este sencillo script recupera las fechas de hoy y las muestra como parte de una página web.
Para guardar su script, presione Ctrl + O, seguido de Ctrl + X.
Prueba tu PHP dinámico
Para probar que este archivo PHP se sirve correctamente, ingrese su dirección IP de Raspberry Pis en su navegador, seguido de “/mywebpage.php”. Por ejemplo, si su dirección IP era 190.100.1.100, debe ingresar la siguiente URL:
http://190.100.1.100/mywebpage.php
Si el archivo PHP se muestra correctamente, su navegador debería mostrar algo como la siguiente imagen.
Como puede ver, es fácil convertir su Raspberry Pi en un servidor web, incluso si necesita configurar una IP dinámica para poder conectarse a su servidor web desde una red pública.
Nunca olvides
Recibe actualizaciones sobre nuestros últimos tutoriales.
Regístrese para recibir todos los boletines.
Me gustaría recibir boletines por correo electrónico. No compartiremos su información y puede darse de baja en cualquier momento.
Suscribir
