Diseño Web

Diseño Web, Webs

Cómo probar las peticiones HTPP tipo POST, GET,PUT, HEAD, DELETE…

/

Estos días hemos estado desarrollando unos script para un cliente, que recibía datos por peticiones HTTP en formato POST. También corrigiendo algunos de otro cliente en formato GET. Ambos recibían en información de proveedores o terceros. En esos casos, no siempre puedes hacer todas las pruebas que querrías provenientes del proveedor. Así que lo ideal es tener otro sitio externo desde el que puedas hacer peticiones personalizadas. Existen muchas páginas online para hacer eso, con una pequeña búsqueda en Google las podéis encontrar, pero os dejamos una que nos ha gustado. Hurl.it es una página desde la que poder hacer dichas peticiones HTTP. Es muy sencilla, presenta las opciones a modo de formulario, con un interfaz muy claro y limpio. Elije el tipo de petición, la autenticación, la cabecera, los parámetros y mándalo. Si has mandado varios te pedirá cumplimentar un reCaptcha. Así de fácil. Esperemos que os sirva como a nosotros.  

Compartir, Diseño Web, Gestores de contenidos, Redes Sociales, Trucos

¿Qué tamaño deben de tener las imágenes en las publicaciones de Facebook?

/

Si tienes una página web que comparte contenido en Facebook, puede que te hayas preguntado qué tamaño de imágenes deberías poner en tus publicaciones. De hecho si las pones demasiado pequeñas no aparecerán en Facebook, y si las pones demasiado grandes tardarán mucho en cargarse tanto la página como Facebook (y puede que ni aparezca en FB por timeout). Hoy os explicamos que tamaño deberías usar. Eso si, esto es hoy, dentro de unos meses o un año, con el avance de la tecnología, este artículo quedará obsoleto. Varios puntos importantes: El tamaño mínimo aceptado es 200 x 200px. Imágenes con menos dimensiones que esas no aparecerán en Facebook y verás un error en el debug de Facebook. El tamaño recomendado por Facebook es de 1.200 × 630 px porque consideran que eso se adapta bien a dispositivos grandes y pequeños. El tamaño mínimo recomendado por Facebook es de 600 × 315 píxeles. Las imágenes deben ocupar menos de 8Mb. Recuerda que si tienes alguna publicación que no cumpla estos requisitos debes, una vez cambiado siguiendo estos parámetros,  ir al depurador y vaciar la cache de Facebook. Después compartirlo de nuevo. Más información aquí.

Diseño Web, Gestores de contenidos, Trucos

WordPress: subir ficheros por FTP y que aparezcan en la Biblioteca de Medios

/

      Ya hemos hablado otras veces que muchos servidores tienen limitaciones de subida de ficheros. Para eso compartimos hace una semana un gran plugin que se salta esa limitación. También explicamos cómo desactivar el límite en servidores gestionados por vosotros. Hoy os dejamos otra manera de hacer esto, quizás interesante para quien tenga una gran cantidad de ficheros en el ordenador que quiera subir por FTP. La idea es subir todo por FTP (que no tiene limitaciones) y después que WordPress importe ese contenido a su Biblioteca de Medios. Porque siempre puedes subirlo por FTP, pero después los usuarios no lo tienen disponible para insertar desde el panel de WordPress. También puede ser interesante si quieres permitir a usuarios subir ficheros sólo a ciertos sitios o sin acceso al backend, o si quieres hacer un proceso automatizado de subida por FTP y que luego WordPress disponga de ese contenido. Os dejamos dos plugins para ello: Media from FTP. Add from server. Ambos funcionan de manera muy similar: instalar, escanear las carpetas, elegir lo que subir. Es cierto que es algo más tedioso que Advanced Uploader, pero puedes controlar mejor ciertas cosas por FTP (como permisos de subida).

Diseño Web, Servidores, Sistemas, Trucos

Obtener la IP original de los clientes cuando usas Cloudflare

/

Ya hemos hablado largo y tendido sobre Cloudflare, una capa extra de seguridad y de caché para tus páginas web. Eso si, si deseas obtener, por tema de registro o para alguna aplicación web, la IP de un cliente, verás que hay un problema. Al venir todas las peticiones de los servidores de Cloudflare, no sabes la IP real de un cliente. Aquí os comentamos cómo resolverlo. En esta página de Cloudflare viene la solución para cada servidor web o proxy. Por ejemplo en Apache debemos instalar el módulo mod_cloudflare. En Nginx podemos usar otro módulo que se llama http_real_ip. Este módulo no se carga por defecto, hay que instalarlo o compilarlo con la opción –with-http_realip_module . Si ese es tu caso estás de enhorabuena. Sólo tienes que poner en tu configuración de nginx: set_real_ip_from 103.21.244.0/22; set_real_ip_from 103.22.200.0/22; set_real_ip_from 103.31.4.0/22; set_real_ip_from 104.16.0.0/12; set_real_ip_from 108.162.192.0/18; set_real_ip_from 131.0.72.0/22; set_real_ip_from 141.101.64.0/18; set_real_ip_from 162.158.0.0/15; set_real_ip_from 172.64.0.0/13; set_real_ip_from 173.245.48.0/20; set_real_ip_from 188.114.96.0/20; set_real_ip_from 190.93.240.0/20; set_real_ip_from 197.234.240.0/22; set_real_ip_from 198.41.128.0/17; set_real_ip_from 199.27.128.0/21; set_real_ip_from 2400:cb00::/32; set_real_ip_from 2606:4700::/32; set_real_ip_from 2803:f800::/32; set_real_ip_from 2405:b500::/32; set_real_ip_from 2405:8100::/32; set_real_ip_from 2c0f:f248::/32; set_real_ip_from 2a06:98c0::/29; # use any of the following two real_ip_header CF-Connecting-IP; #real_ip_header X-Forwarded-For; Después sólo tienes que probar la configuración de nginx y reiniciar si todo está bien. Deberías ver las IPs originales. Si no tienes es módulo en nginx, y no te apetece recompilar, puedes hacer un truco. En la configuración de nginx puedes poner algo como: location ~ \.php$ { fastcgi_param REMOTE_ADDR $http_x_real_ip; #…other rules } Esto usará ese parámetro de http_x_real_ip para coger la ip real que Cloudflare pone en las cabeceras. Pero sólo valdrá para aplicaciones que pasen por fastcgi. Por ejemplo el propio nginx no sabrá la ip real si no le ponemos un parámetro (ver las siguientes líneas). También puedes usar esta opción para redirigir según la IP real, por ejemplo con: if ($http_x_real_ip != xxxx.xxxx.xxxx.xxxx) {          return 403;         } Y, si no quieres ponerlo en nginx puedes buscar las cabeceras desde Php con: if (isset($_SERVER[“HTTP_CF_CONNECTING_IP”])) { $_SERVER[‘REMOTE_ADDR’] = $_SERVER[“HTTP_CF_CONNECTING_IP”]; } ¿Cómo comprobar que funciona? Además de en los logs (que puede ser un follón mirarlo), puedes poner un phpInfo en tu servidor (quítalo luego). Hay un apartado donde puedes ver el SERVER [“Remote Address”] y las cabeceras que pasa Cloudflare en SERVER [“http_x_real_ip”] y SERVER [“http_x_forwarded_for”]. Cuando funciona, el campo Remote Address debe ser una de las cabeceras de Cloudflare (http_x_real_ip o la otra según cual uses).  

Diseño Web, Servidores, Sistemas

MySQL Workbench, el interfaz gráfico de Mysql para diseñar, administrar y gestionar bases de datos.

/

Cuando quieres gestionar bases de datos en servidores, bases de datos Mysql y SQL, la herramienta más común es PhPMyAdmin, de eso no hay duda. Sin embargo, existen alternativas muy interesantes que podemos tener que considerar en ciertas ocasiones. Hoy os hablamos de una de ellas: MySQL Workbench. En nuestro caso, usamos empezamos a usar esta GUI para bases de datos, porque necesitábamos conectarnos a servidores de base de datos que estaban muy restringidos en términos de seguridad. La conexión sólo se podía hacer por clave privada por ssh, y PhpMyAdmin no permitía esto (de manera sencilla al menos). MySQL Workbench es un gran interfaz gráfico para bases de datos SQL disponible para Windows, Linux y Mac OS X. Con esta sencilla pero potente herramienta, podemos realizar modelado de datos, desarrollo SQL, administrar servidores SQL, administrar usuarios, realizar copias de seguridad, migrar, monitorizar el rendimiento y mucho más. Si eres un administrador de servidores, y llevas varios servidores de bases de datos, te recomiendo que pruebes esta herramienta, porque te va a resultar sencillo, y muy visual, gestionar esos servidores. Además una de las grandes ventajas que tiene es que, al contrario que PhpMyAdmin, lo instalas en tu equipo en tu oficina y eso se conecta directamente con los servidores de bases de datos. No tienes que instalar nada en tu servidor, no necesitas servidores web ni tienes que dejar en el servidor programas que puedan conectarse a la base de datos y puedan ser puntos débiles de seguridad.    

Diseño Web, Gestores de contenidos, Trucos

Advanced uploader: plugin para evitar el límite de subida de WordPress

/

Hace unos días os enseñamos alguna manera de arreglar el límite de subida de WordPress. Pero al final, ese límite está impuesto por el servidor, y mucha gente tiene servidores compartidos en los que no se puede ampliar esos límites. El proveedor no te deja. Para esos casos, o para aquellos que no quieran subir el límite por cuestiones de seguridad o control del espacio que pueden utilizar los usuarios, sirve este plugin que os dejamos hoy. Advanced Uploader usa Plupload para poder subir archivos que excedan el límite que nos deja el servidor (o WordPress). Lo que hace es dividir el archivo en fragmentos inferiores al límite y luego volver a juntarlos en el servidor. Brillante. El plugin es muy sencillo de instalar, solo instalar y activar. Podemos configurar algunas opciones en Ajustes >Medios (como dejar este Uploader por defecto sustituyendo al de WordPress), pero no es necesario. Después, sólo hay que ir a Medios > Advanced Uploader para poder subir archivos grandes. Además de esta funcionalidad, también tiene otros extras como poner imagen de miniatura a los pdf y alguna otra. Os dejamos, un vídeo mostrando cómo podemos subir un archivo superior al límite:

Diseño Web, Sistemas, Soporte

Error Revive Adserver: Cannot redeclare plugin_geotargeting_oxmaxmindgeoip_oxmaxmindgeoip_delivery_getgeoinfo()

/

Si tienes un servidor de anuncios Revive Adserver, un buen servidor de anuncios opensource (aunque algo simple), puede que tengas, en el log de tu servidor, el siguiente error que devuelve páginas en blanco o errores 500 aleatorios al navegar. en el adserver. Ocurre de repente, o tras una actualización: PHP Fatal error: Cannot redeclare plugin_geotargeting_oxmaxmindgeoip_oxmaxmindgeoip_delivery_getgeoinfo() in |� /html/revive/plugins/geoTargeting/oxMaxMindGeoIP/oxMaxMindGeoIP.delivery.php Evidentemente el error lo está dando el plugin de geoTargetting por un problema de una variable declarada dos veces. Os indicamos cómo lo hemos resuelto nosotros: Edita el fichero que da el error (la ruta puede cambiar según tu servidor y configuración al instalar) html/revive/plugins/geoTargeting/oxMaxMindGeoIP/oxMaxMindGeoIP.delivery.php Ve a la línea que da el error. Suele ser la 31 o la 32. Ahí está declarada la función así: function Plugin_geoTargeting_oxMaxMindGeoIP_oxMaxMindGeoIP_Delivery_getGeoInfo($useCookie = true) Cámbiala a lo siguiente: if (!function_exists(‘Plugin_geoTargeting_oxMaxMindGeoIP_oxMaxMindGeoIP_Delivery_getGeoInfo’)) { function Plugin_geoTargeting_oxMaxMindGeoIP_oxMaxMindGeoIP_Delivery_getGeoInfo($useCookie = true) {….. } } En rojo te ponemos lo que hemos añadido. Es decir añadimos un if que me ejecuta sólo la función si no está declarada la variable, y ponemos toda la función dentro de unos paréntesis de ese if. Con esto verás que ya no da esos errores. Fuente (nota está mal la solución de la fuente, hay que retocarla como hemos hecho nosotros).

Diseño Web, Sistemas, Soporte, Trucos

Error en XAMPP. “Unable to open process”. Problema con los puertos 443 u 80

/

Xampp es un programa que te permite crear un servidor de Apache, Mysql, y Php en tu ordenador Windows. Una gran manera de tener un servidor de pruebas en tu ordenador. De vez en cuando, al arrancar XAMPP, obtienes un error en el puerto, puede ser el 80 o el 443 del estilo: Port 443 in use. “Unable to open Process” with PID 4! Y no puedes iniciar Apache. Este error suele originar porque algún servicio de Windows tiene ocupado el puerto 80 o el 443. En nuestro caso era el 443, porque teníamos una VPN configurada en Windows y este ocupa ese puerto. La solución puede pasar por encontrar el servicio que ocupa el puerto y desinstalarlo o pararlo. Pero puedes necesitarlo, así que la otra solución es cambiar el puerto que usa Apache como servidor http (80) y el servidor https (443). En este vídeo os explicamos cómo:    

Diseño Web, Seguridad, Soporte, Trucos

Valores máximos de subida de archivos y de caché en Cloudflare.

/

La semana pasada un cliente tenía problemas al subir ficheros a su web. Había un límite de subida que no conseguíamos encontrar. Todo parecía correcto en la configuración del servidor, pero aún así WordPress daba Http Error y no dejaba subir más de 100Mb. Tras mucho buscar, encontramos la causa: Cloudflare. Cloudflare es una gran herramienta, que sirve tanto como de caché como de “firewall” para tu web. Aumenta la seguridad y optimiza tu página. Hablaremos bastante de esta herramienta en artículos venideros, porque incluso sus versiones Free están muy bien y os contaremos trucos sobre cómo hacer las páginas y los servidores más seguros con Cloudflare. PERO tiene límites tanto en el tamaño de ficheros que puedes subir (bastante ajustados para algunos), como en la caché, y son los siguientes. Subida de ficheros: 100MB para la versión Free También 100MB en la versión Pro 200MB en la Business 500MB en la versión Enterprise Por lo tanto no te dejará subir ficheros de más de esa cantidad, en una misma petición, si pasas a través de Cloudflare. En unos días os enseñaremos un truco con WordPress para evitar ese límite. Fuente. Caché. El máximo que Cloudflare guarda en la caché es  512MB para las versiones Free, Pro, y Business. La versión Enterprise no tiene ese límite. Fuente. Así que si tenéis una página que pasa a través de Cloudflare, sed conscientes de estos límites.  

Diseño Web, Gestores de contenidos, Soporte, Trucos

Aumentar el límite de subida de archivo en un WordPress normal y Multisitio

/

En ocasiones tenemos que subir una foto, un documento o un vídeo grande a WordPress y no podemos: “el archivo excede el máximo permitido“. ¿Cómo aumentar este límite y dónde está configurado? Os lo explicamos hoy. Primero tienes que pensar si te interesa subir ese límite, está ahí por una razón. A lo mejor deberías usar un canal como Youtube para subir vídeos, o reducir el tamaño de las imágenes. Razones por las que está el límite:  Los servidores tienen un tamaño finito (y más los compartidos), y si te acostumbras a subir ficheros grandes acabarás llenando el espacio contratado antes o después. Archivos grandes implican lentitud al cargar, tanto de la página como del archivo. Más aún en móviles y tablets. El límite también sirve por seguridad, por si alguien entra que no pueda subir mucha información. ¿Cómo asigna WordPress ese límite? WordPress lo coge de la configuración del servidor, normalmente del fichero php.ini. Así que lo primero que tienes que ver es si puedes cambiarlo desde el panel de tu proveedor. Como cada uno tiene un diferente tendrás que ver dónde es. Pero suele ser en las opciones de Php en el parámetro upload_max_filesize. Algunos paneles tienen un apartado para configurarlo, los servidores dedicados permiten modificar el fichero directamente. Cambia ese parámetro y debería ampliarse el límite. Si no puedes cambiarlo pídeselo a tu proveedor, aunque la mayoría no deja cambiarlo. En algunos puedes hacer algún truco como el que explicamos de Godaddy, o puedes intentar. Lo más seguro es que no te funcione y que tire la página así que prepárate para revertir los cambios rápido: Crear un fichero php.ini en la raíz de tu sitio y añadir (XXX el tamaño que quieras) : ; Maximum allowed size for uploaded files. upload_max_filesize = XXXX Modificar el fichero .htaccess y poner lo siguiente (XXX el tamaño que quieras) : #set max upload file size php_value upload_max_filesize XXXM #set max post size php_value post_max_size XXXM En algunos hosting compartidos tienes una carpeta para poder poner modificaciones del php.ini. Para ver si es así pon un fichero phpinfo en tu sitio web y mira la ruta del php.ini. Una debería ser la principal del servidor y alguna otra a lo mejor está accesible por FTP. Entonces puedes hacer el truco uno ahí. Si no puedes modificar esto, y no lo modifica el proveedor, lo tienes difícil, porque el servidor manda. Tendrías que coger otro hosting o un servidor dedicado. Caso especial de los Multisitio. Los Multisitio en WordPress, además de tener la configuración del servidor, tienen un parámetro en la administración de la red que puede restringir la subida. Para eso ve a Mis Sitios > Administrador de la red > Ajustes. Al final de la página verás  lo siguiente: Ahí podemos ver el ajuste a cambiar: tamaño máximo de archivo. Ponlo en lo que consideres siempre teniendo en cuenta que nunca vas a poder sobrepasar el límite impuesto en el servidor. Esto es para todas las páginas de la red. Puedes comprobar luego el ajuste en la página que quieras en Medios>Nuevo donde tendrás el límite en la parte inferior (siempre será algo menos al puesto).

Scroll al inicio