Montaje del indexador WEB H5AI

 

Montaje del indexador WEB H5AI

Autor: Adrian Muñiz Apaceiro

Móvil: 54267372

Email: adivino87@gmail.com

Introducción.

Que es H5ai: es un indexador de archivos moderno para servidores web HTTP. ... Inicialmente, h5ai era un acrónimo de HTML5 Apache Index, pero ahora también es compatible con otros servidores web. Dicho sistema php requiere PHP 5.5+ y funciona bien con Apache httpd, lighttpd, nginx y Cherokee.

Esto nos permitirá publicar un sitio con varias carpetas o directorios y a través del h5ai le vamos a dar una vista mucho más bonita agradable y mucho más funcional. Lo más común que se encuentra en internet son carpetas indexadas o listadas por el propio servidor web es decir las conocidas como Indexo f.

Premisas iniciales.

1. Un container con debian 10
2. Poxmox (probado en la versión 6.2.4)
3. PC con windows 10 para trabajar y admininistrar
4. Putty
5. Conexión a internet
6. Herramienta WinSCP

Pasos a seguir

• Lo primero que vamos a hacer es actualizar el sistema, para eso empleamos el software Putty conectándonos vía ssh con nuestras credenciales root y ejecutamos lo siguiente:

apt update

apt upgrade -y

• Una vez actualizado el sistema vamos a instalar Apache y PHP

apt install apache2

apt install php7.3 libapache2-mod-php7.3 php7.3-mysql php7.3-gd php7.3-intl php-pear php-imagick php7.3-imap php-memcache php7.3-pspell php7.3-recode php7.3-sqlite3 php7.3-tidy php7.3-xmlrpc php7.3-xsl php7.3-mbstring php-gettext php7.3-ldap php7.3-mysqli php-apcu php7.3-cli php7.3-fpm php7.3-curl php7.3-json php7.3-common php7.3-xml

• A continuación nos trasladamos a la raíz donde se guarda el directorio WEB de Apache

cd /var/www/html

• Aquí crearemos una carpeta a la cual llamaremos por ejemplo datos

mkdir datos

• Bajamos el h5ai del sitio de su página principal https://release.larsjung.de/h5ai/h5ai-0.29.0.zip (en este momento va por la versión h5ai-0.30.0.zip)
• Lo descomprimimos y copiamos a dicha carpeta con el software WinSCP 
• A la carpeta creada le daremos permisos con los siguientes comandos

chown -R www-data.www-data /var/www/html/datos
chmod -R 775 /var/www/html/_h5ai

Una vez le demos los permisos a la carpeta Datos , dentro de ella comenzaríamos a crear nuestros directorios que son los que se van  a visualizar en nuestra web. Dentro de ella creamos directorios por ejemplo 

mkdir procedimientos

• Creamos un alias en Apache con Nano

nano /etc/apache2/sites-available/datos.conf

Dentro ponemos el siguiente contenido

Alias /datos /var/www/html/datos
DirectoryIndex index.html index.php /datos/_h5ai/public/index.php
<Directory /var/www/html/datos/>
Options Indexes FollowSymLinks Includes
AllowOverride All
</Directory>

• Creamos un enlace simbólico

ln -s /etc/apache2/sites-available/datos.conf /etc/apache2/sites-enabled/datos.conf

• Reiniciamos Apache

 /etc/init.d/apache2 restart

• Una vez llegado a este punto usted tiene su indexador WEB funcionando correctamente. Ahora vamos a poner un tema oscuro para mejorar la visualización   del indexador para lo cual hacemos lo siguiente:

Entramos por SSH con Putty a la siguiente ruta

/var/www/html/datos/_h5ai/public/css

Abrimos el fichero styles.css

Debajo del contenido del mismo y sin borrar nada vamos a copiar todo el contenido de texto del fichero dark-theme.css

Una vez hecho esto, basta con darle actualizar a su navegador, si vemos que no lo hace a la primera entonces limpiamos la cache del navegador con la combinación de teclas CTRL F5

• por último vamos a quitar algunos carteles de la página del fabricante del h5ai que es de la compañía larsjung.de y sustituirlos por algunos de nuestra empresa o sitio web de la empresa a fin de adaptarlo a nuestras necesidades estéticas.

Entramos a la siguiente ruta /var/www/html/datos/_h5ai/public/js y dentro editamos el fichero scripts.js

Dentro de este fichero borramos todo lo que diga powered by h5ai   ....esto sale dos veces nada más en el fichero ...borramos y ponemos en su lugar lo que deseemos.

Sustituimos dentro del mismo fichero donde dice https://larsjung.de/h5ai/ por la URL de nuestra WEB o por un enlace a donde nosotros queramos, después actualizamos nuestro navegador.

• Ahora vamos a entrar nuestro navegador y ponemos la dirección ip de nuestro servidor web apuntando a la carpeta datos (http://192.168.1.245/datos)

Si queremos que aparezca por nuestro nombre y no por la ip , basta con crear un alias en nuestro servidor DNS

Ejemplo de como quedaría una vez realizado el procedimiento

Vínculos de descarga a los archivos a utilizar

h5ai-0.29.0.zip

h5ai-dark-theme-master.zip