Necesito ayuda con un programa de generación de reportes, es una API en DigitalOcean con un servidor nginx. Utilizo pm2 para poder mantener el servicio funcionando en el puerto 3000, de forma local (Apache con XAMPP); no hay ningún problema con el diseño del reporte, pero a la hora de ejecutarlo desde nginx, TODO SE DESCUADRA.
Tengo exactamente lo mismo en el Droplet con nginx que en localhost con XAMPP (utilizo git para replicarlo).
Ya intenté: instalar la fuente que se utiliza de forma local, quitar la fuente, mover el css a un archivo aparte, mantenerlo con la etiqueta style dentro del template.html y nada funciona.
Aquí mi código de html-pdf: (que no tendría por qué estar mal, ya que en localhost no tiene ningún problema)
pdf.create(templateHtml, options).toFile('./reports/PES ' + partial + "° parcial - " + semester + group + "-" + period + ".pdf", function (err, file) {
if (err) return console.log(err);
return res.sendFile(path.resolve('reports/PES ' + partial + "° parcial - " + semester + group + "-" + period + ".pdf"));
});
Y una prueba de cómo aparece:
LOCAL DESDE XAMPP APACHE (ASÍ DEBE VERSE):
REMOTO (DESCUADRADO, ejecutado desde el droplet con ubuntu y nginx)
También, acabo de percatarme que en APACHE (localhost) existe un margen que no se puede retirar por encima del id #pageHeader; pruebo añadiendo un margin-top: -20px, y aunque el header se corre no se visualiza, como si en la configuración de la página hubiera un margen de impresión (que no lo hay porque ingreso correctamente las options de esta forma):
const options: CreateOptions = {
"format": "Letter",
"border": "0",
"orientation": "portrait",
"header": {
"height": "50mm",
},
}
En Nginx (segunda imagen), el margen que se aprecia por encima en la primera imagen (localhost Apache Xampp) DESAPARECE, por lo que me lleva a pensar que el problema radica en NGINX o APACHE, algo afecta al div id pageHeader y al documento en general. Son EXACTAMENTE los mismos códigos.
There are more options concerning the paperSize, header & footer options inside the phantomjs script.
... no se exactamente a que se refiere, pero quizas deberias revisar si el phantomjs script ese lo tienes igual de configurado en ambos lugares.