{"id":172,"date":"2022-10-28T00:30:45","date_gmt":"2022-10-28T00:30:45","guid":{"rendered":"https:\/\/www.akasistemas.com\/blog\/?p=172"},"modified":"2022-10-28T00:30:45","modified_gmt":"2022-10-28T00:30:45","slug":"dahua-apache-reverse-proxy","status":"publish","type":"post","link":"https:\/\/www.akasistemas.com\/blog\/index.php\/2022\/10\/28\/dahua-apache-reverse-proxy\/","title":{"rendered":"Dahua – Apache Reverse Proxy"},"content":{"rendered":"\n

Bienvenidos a una nueva entrada en nuestro blog empresarial, esperamos que este articulo sea de ayuda.<\/p>\n\n\n\n

En esta ocasi\u00f3n nos alejaremos moment\u00e1neamente de la linea regular y nos centraremos en el segmento de la video vigilancia, particularmente con la marca Dahua.<\/p>\n\n\n\n

Por lo general el adquirir una c\u00e1mara para nuestro uso personal no representa mayor problema, sin embargo cuando necesitamos algunas configuraciones particulares la situaci\u00f3n cambia y es que en este caso se requiere que una o varias c\u00e1maras dahua se puedan consumir a trav\u00e9s de un proxy reverso que trabaja con apache.<\/p>\n\n\n\n

En primera instancia la configuraci\u00f3n parecer\u00eda sencilla, ya que solo ser\u00eda definir unas entradas de proxypass y ya quedar\u00eda. Pero no, dahua no nos lo coloca sencillo y es que la forma en que esta construido el servidor web de la c\u00e1mara es complejo, las rutas est\u00e1n cargadas dentro de archivos javascript, mismos que son llamados por scripts previamente cargados, lo que anula la funcionalidad del proxy reverso.<\/p>\n\n\n\n

Por lo tanto de las pocas salidas practicas viables fue el usar un modulo de apache para sobre-escribir estas rutas de los archivos .js tarea que en un inicio pensamos delegar al modulo mod_substitute, pero r\u00e1pidamente nos dimos cuenta que las tareas de sustituci\u00f3n son limitadas a una sola expresi\u00f3n regular, por lo tanto necesitamos un modulo mas robusto y en este punto fue donde nos encontramos con este fant\u00e1stico proyecto de Gilles Darold<\/strong>, mismo a quien damos todo el cr\u00e9dito posible y enlazamos para su consulta y apoyo.<\/p>\n\n\n\n

https:\/\/github.com\/darold\/modproxyperlhtml<\/a><\/p>\n\n\n\n

Este modulo por decirlo de alguna forma nos permite realizar m\u00faltiples sustituciones sobre el contenido, lo cual resuelve en gran medida la problem\u00e1tica inicial. Su funcionamiento detallado lo pueden consultar en el enlace previo.<\/p>\n\n\n\n

Una vez realizadas las sustituciones en tiempo real del contenido de las urls, nos encontramos con el detalle de los websocket, esto ser\u00eda un detalle menor si no fuese porque la c\u00e1mara transmite su video a trav\u00e9s de websockets.<\/p>\n\n\n\n

Esta limitante la resolvimos con el modulo mod_rewrite. Dicho lo anterior vamos a ver el ejemplo completo y a realizar los peque\u00f1os comentarios.<\/p>\n\n\n\n

\n\n\n\n

#Iniciamos con la definici\u00f3n de una variable la cual usaremos para trabajar sobre un subdirectorio de la url. Aqu\u00ed asumimos que tendremos varias c\u00e1maras sobre el mismo virtualhost, accediendo de la siguiente forma: http:\/\/ip_o_dominio\/cam1<\/strong><\/p>\n\n\n\n

Define path_cam1 cam1<\/strong><\/em>
<\/p>\n\n\n\n

#Seguidamente definimos un directorio sobre el cual haremos la definici\u00f3n del proxy reverso.
<Location \/${path_cam1}><\/em>
<\/p>\n\n\n\n

#Activamos el modulo RewriteEngine, este nos permitir\u00e1 capturar la solicitud del websocket y dirigirla adecuadamente, esto es fundamental para el stream de video.<\/p>\n\n\n\n


RewriteEngine On
RewriteCond %{HTTP:Upgrade} websocket [NC]
RewriteCond %{HTTP:Connection} upgrade [NC]
RewriteRule ^\/?(.*) “ws:\/\/192.168.5.253\/$1” [P,L]<\/em>
<\/p>\n\n\n\n

#Definimos el proxy reverso
ProxyPass http:\/\/192.168.5.253
ProxyPassReverse http:\/\/192.168.5.253<\/em>
<\/p>\n\n\n\n

#Activamos el modulo ModProxyPerlHtml, para hacer uso de este es mandatorio instalarlo previamente seg\u00fan instrucciones de su sitio en github.<\/p>\n\n\n\n


PerlInputFilterHandler Apache2::ModProxyPerlHtml
PerlOutputFilterHandler Apache2::ModProxyPerlHtml
SetHandler perl-script<\/em>
<\/p>\n\n\n\n

# Definici\u00f3n de las expresiones regulares, mismas que se encargar\u00e1n de modificar el contenido para que sea posible acceder a la camara a trav\u00e9s del proxy inverso.<\/p>\n\n\n\n


PerlAddVar ProxyHTMLRewrite “src\\=(\\”)(jsBase|jsCore|js)(\\\/) src\\=$1${path_cam1}$3$2$3″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(OutsideCmd)\\” $1$2${path_cam1}$2$3$1″
PerlAddVar ProxyHTMLRewrite “(\\\/web_caps\\\/) \\\/${path_cam1}$1”
PerlAddVar ProxyHTMLRewrite “(splayerCore\\\/SPlayer) ${path_cam1}\\\/$1”
PerlAddVar ProxyHTMLRewrite “(\\”\\\/jsBase\\\/lib) \\”\\\/${path_cam1}\\\/jsBase\\\/lib”
PerlAddVar ProxyHTMLRewrite “(\\’)(\\.)(\\\/)(jsBase)(\\’) $1$2$3${path_cam1}\/$4$1”
PerlAddVar ProxyHTMLRewrite “(\\’)(\\.)(\\.)(\\\/)(js)(\\’) $1$2$3$4${path_cam1}$4$5$1”
PerlAddVar ProxyHTMLRewrite “(\\’)(\\.)(\\.)(\\\/)(html)(\\’) $1$2$3$4${path_cam1}$4$5$1”
PerlAddVar ProxyHTMLRewrite “(\\’)(\\.)(\\.)(\\\/)(platformHtm)(\\’) $1$2$3$4${path_cam1}$4$5$1”
PerlAddVar ProxyHTMLRewrite “(\\’\\\/jsCore\\\/app’) \\’\\\/${path_cam1}\\\/jsCore\\\/app\\'”
PerlAddVar ProxyHTMLRewrite “(\\’css\\\/) \\’${path_cam1}\\\/css\\\/”
PerlAddVar ProxyHTMLRewrite “(\\’css_FS\\\/’) \\’${path_cam1}\\\/css_FS\\\/'”
PerlAddVar ProxyHTMLRewrite “(\\’jsBase\\\/) \\’${path_cam1}\\\/jsBase\\\/”
PerlAddVar ProxyHTMLRewrite “(\\\/current_config\\\/) \\\/${path_cam1}$1”
PerlAddVar ProxyHTMLRewrite “(\\\/default_lang\\\/) \\\/${path_cam1}$1”
PerlAddVar ProxyHTMLRewrite “(\\\/custom_lang\\\/) \\\/${path_cam1}$1”
PerlAddVar ProxyHTMLRewrite “(\\”splayerCore\\\/splayerAdapter.js\\”) \\”${path_cam1}\\\/splayerCore\\\/splayerAdapter.js\\””
PerlAddVar ProxyHTMLRewrite “(\\”)(js\\\/index\\.js) $1\\.\\.\\\/$2″
PerlAddVar ProxyHTMLRewrite “(m|p)(\\=\\”)(js|html)(\\\/)(\\”) $1$2\\.\\.$4$3$4$5″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(html)(\\\/\\”)(\\+b\\.) $1$2${path_cam1}$2$3$4$5″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(jsCore\\\/pageBase)(\\”) $1$2${path_cam1}\\\/$3$1″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(jsCore\\\/ability)(\\”) $1$2${path_cam1}\\\/$3$1″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(jsCore\\\/rpc)(\\”) $1$2${path_cam1}\\\/$3$1″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(jsCore\\\/rpcLogin)(\\”) $1$2${path_cam1}\\\/$3$1″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(jsCore\\\/mTokenOperator)(\\”) $1$2${path_cam1}\\\/$3$1″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(jsCore\\\/h5player)(\\”) $1$2${path_cam1}\\\/$3$1″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(jsCore\\\/plugin)(\\”) $1$2${path_cam1}\\\/$3$1″
PerlAddVar ProxyHTMLRewrite “(e\\=\\[)(\\”)(\\\/)(js)(\\\/\\”) $1$2$3${path_cam1}$3$4$5″
PerlAddVar ProxyHTMLRewrite “(\\”)(module)(\\\/)(audioWorker|videoWorker)(\\.js\\”) $1${path_cam1}$3$2$3$4$5″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(module)(\\\/)(public|Sylvester|mp4remux|WebGLCanvas|audioPlayer|streamDrawer|videoMediaSource|workerManager|WebsocketServer|playerControl|ivs)(\\”) $1$2${path_cam1}$2$3$4$5$1″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(RPC2\\_Login|RPC2)(\\”) $1$2${path_cam1}$2$3$1″
PerlAddVar ProxyHTMLRewrite “(\\”)(\\\/)(RPC2\\_Loadfile|RPC2_Notify_Method) $1$2${path_cam1}$2$3″
PerlAddVar ProxyHTMLRewrite “(rtspoverwebsocket) ${path_cam1}\\\/$1”<\/em>
<\/p>\n\n\n\n

#cerramos la definici\u00f3n del directorio
<\/Location><\/em>
<\/p>\n\n\n\n

\n\n\n\n

La anterior mec\u00e1nica se deber\u00eda replicar para todas las c\u00e1maras que se tengan.<\/p>\n\n\n\n

NOTA: Esta re-escritura a sido probada en c\u00e1maras DH-IPC-HFW1431S1N-S4 V2.820.0000000.48, por lo tanto es probable que en otros modelos sean necesarias algunas modificaciones.<\/p>\n\n\n\n

Por ultimo mencionar algunas herramientas utilizadas para lograr este objetivo:<\/p>\n\n\n\n