Como probar envios de email en servidor local

En varias ocasiones he programado aplicaciones y paginas web que notifican mediante un correo electrónico ciertas acciones o sucesos (envíos de formularios de contactos, inicios de procesos automáticos, etc.), esto con el tiempo se ha vuelto común para mi, pero en algún momento debí realizar las pruebas necesarias para verificar el correcto funcionamiento es ahí cuando me surgió una necesidad, como probar el envío de email desde mi servidor local.

Como muchos sabrán, para poder enviar email mediante una pagina web, por ejemplo, requerimos que el servidor en cuestión cuente con un servidor de email correctamente configurado, esto es un hecho en la mayoría de Web Hosting, pero si desarrollamos en ambientes locales, como podría ser nuestro propio computador, ejecutando un simple servidor web, esto se vuelve un poco mas complejo. A primera vista necesitamos instalar y configurar un servidor de email, pero esto no es una tarea simple a pesar de existir mucha literatura disponible en internet.

No todo lo 'Fake' es malo

No Todo lo 'Fake' es malo

Teniendo claro lo anterior, sabemos que intentar instalar un servidor de email “solo para realizar pruebas locales”, no es sensato, entonces ¿Como podemos realizar las pruebas?, y pare responder esto les presento una sencilla, simple y extremadamente útil aplicación llamada FakeSMTP, con ella podremos “emular” un servidor de email y ver como se envían nuestras pruebas.

Instalación y Configuración

Por suerte es una aplicación realmente fácil de empezar a utilizar, esta escrita en java, por tanto su uso en distintos Sistemas Operativos esta garantizada, obviamente el requisito mínimo es tener instalada la alguna versión de java.

Vamos a su pagina web disponible aquí y procedemos a descargar la aplicación (es un archivo con extensión .jar comprimido). Al momento de escribir este post se encuentra disponible la versión 2.0, lo descomprimimos en una carpeta fácil de encontrar y ejecutamos la aplicación, si no les reconoce de inmediato pueden usar la opción de abrir con y seleccionar java.

Abrir como

Cuando la aplicación este cargada deberán ver algo similar a lo siguiente:

FakeSMTPLo único a configurar seria la ubicación donde se guardaran los mensajes haciendo clic en la caja de texto llamada Save message(s) to, seleccionamos un lugar (yo elijo el mismo lugar donde esta el programa), y luego presionamos Start Server, por defecto el puerto es 25 y no es necesario cambiarlo, a menos que les de algún problema o tengan otro servicio en ese puerto, si cambian el puerto del programa deberán cambiarlo en la configuración del servidor web, que por defecto se configura en el puerto 25, autorizan la petición de excepción del firewall si se trata de windows y ya estamos listos para realizar las pruebas.

Por si no lo leyeron en la pagina principal del programa o no lo intuyen por el nombre, les digo, esto no es un servidor de email como tal, lo que hace es interceptar la comunicación del puerto del servidor de email (por defecto 25 para servidores SMTP).

Pruebas de Funcionamiento y Uso

Ahora que tenemos nuestro servidor falso de email, podremos realizar cuantas pruebas queramos, y para demostrar su eficacia lo usare con este post y veremos que sucede.

Completamos el formulario y lo enviamos

screenshot.2

screenshot.3

Una vez realizado el envío del formulario podemos ver nuestro “FakeSMTP” y podremos ver como ya registro el envío y nos da claras señas de ello.

screenshot.4

Si contamos con un cliente de email como Microsoft Outlook o Thunderbird instalado bastara con hacer doble clic en el registro de nuestro interés y el mensaje se desplegara en el cliente de correo.

screenshot.6

Y como pueden observar todo ah funcionado perfectamente y ya contamos con un medio para verificar nuestros envíos por email en entornos locales sin necesidad de complicarnos la existencia. Si no contamos con un cliente de email instalado el programa nos permite ver el fuente de los email “enviados” tan solo presionando la pestaña llamada Last message y podrán visualizar la estructura básica del mail.

screenshot.7

Si desean presentar las pruebas del envió a otra persona, como podría ser un cliente (para que apruebe la estructura), o un Jefe de Proyecto (siempre molestan xD), recuerden que en los primeros pasos configuramos donde guardar los mensajes y si navegamos a ese directorio, encontraran un archivo con extensión eml por cada prueba realizada que pueden adjuntar por correo de ser necesario.

screenshot.5

Espero les pueda servir o ayudar de algo la información presentada aquí, si desean compartir su experiencia, aportar o incluso reclamar, no duden en comentar mas abajo, saludos cordiales.

HTML Inspector, define tus propias reglas para validar código HTML

HTML Inspector

HTML Inspector es un herramienta orientada a mejorar la calidad del código que tanto tú como tu equipo escribís en la parte front. Una de las principales ventajas es su simplicidad de uso y customización para definir las reglas que más os interesen “validar” del código. Se puede ejecutar directamente en navegador.

Con el validador del W3C guarda pocas similitudes. Son herramientas muy diferentes. Mientras que el del W3C es completamente estricto con sus advertencia y validaciones, con HTML Inspector podemos customizarlo para que cumpla una serie de reglas propias (guía de estilo del equipo, como por ejemplo, usar camelCase u otra notación). Por supuesto, mantiene toda la convecciones sintácticas que las recomendaciones W3C marcan (actualmente con HTML 5.1): elementos deprecated o atributos, así como los nuevos componentes.

Es totalmente extensible y más que un último proceso de validación sirve como guía de desarrollo. Escribir un código coherente entre todos los miembros del equipo es complicado, por eso HTML Inspector ayuda a tomar convenciones comunes.

HTML Inspector es un complemento ideal para usar con JSLint y CSSLint, todos ellos totalmente extensibles.

Para poder instalar HTML Inspector tenéis distintas alternativas: simplemente importar el JS sobre vuestro HTML y probarlo; o usar npm o bower para descargar e importar; también se puede hacer uso de grunt para utilizar su implementación el código.

Github | HTML Inspector


La noticia HTML Inspector, define tus propias reglas para validar código HTML fue publicada originalmente en Genbeta Dev por Txema Rodríguez .



desde Genbeta Dev http://ift.tt/13IOm2w
via IFTTT

Scroll to up sencillo con css y jquery

A continuacion les presento un sencillo efecto “scroll to up” muy comun en los sitios web.

primero necesitamos crear el codigo html que luego animaremos con jquery y estilizaremos con css.

muy sencillo, esto lo ubicamos en el footer de nuestro sitio web, si es una plantilla html con copiar el codigo antes de </body> bastara, si en cambio en un template wordpress u otro cms deberan editar la plantilla footer.php o similar y agregar el codigo.

Ahora lo estilizaremos un poco con css.

bastante simple, aunque debo decir que el estilo css presentado en muy básico (no es mi fuerte xD), si quisieramos podriamos utilizar una imagen en lugar de un texto para la etiqueta span, y modificar ligeramente el css.

Pero hasta el momento aunque se ve bien no es mas que un texto o una imagen en pantalla, dotemoslo de vida con un sencillo codigo jquery.

Y como resultado tendriamos algo similar a estas capturas.

scroll to up texto

scroll to up imagen

Tips para wp-config.php en WordPress

Si eres un usuario avezado o novel de wordpress, ya estarás enterado de la importancia del archivo wp-config.php, es en este archivo donde debemos realizar la primera configuración para instalar nuestro sistema wordpress, pero existen opciones muy interesante que no están disponibles de forma transparente en dicho archivo, opciones que nos permiten ajustar la performace de nuestro wordpress y empezar a experimentar mejoras notables en el funcionamiento o incluso prescindir de plugins para realizar algunas tareas, simplemente editando este archivo. A continuación daremos un recorrido por estas opciones dando reseñas de las misma y puedan entenderlo fácilmente.

Una buena practica y como medida de seguridad es renombrar, mover (o incluso ambas opciones) la carpeta wp-content ([highlight color=yellow]Desde la versión 2.6, puede mover el directorio wp-content, que tiene sus temas, plugins, y subidas, incluso fuera del directorio de la aplicación WordPress.[/highlight]), esto debido a que muchos hacker(s) ya sabemos de la existencia de esta carpeta y los diferentes scripts que utilizamos para automatizar los intentos de ataque (o “auditoria”, como lo llamo yo xD) buscan por defecto esta carpeta y se complica un poco mas la detección de errores o bugs.

A continuación alguna de estos parámetros de configuración, para mas detalles no duden en consultar la pagina del codex de wordpress relacionada con el archivo wp-config.php.

[box type=alert color=yellow size=full]Siempre incluir el http:// cuando requiera url y nunca terminar la url con un slash (/)[/box] Y esto es todo por el momento, en otro articulo, profundizaremos mas este tema.

ccleanner en linux, o como eliminar basura temporal

después de estar usando mi ubuntu por bastante tiempo e instalar y desintalar cosas, probar configuraciones y cosas por el estilo el sistema se resintió en su rendimiento y al llegar a esta situación, simplemente lo LIMPIE de basura y cosas innecesarias, y decidí crear este post para ayudar a quien necesite limpiar su sistema y no sepa como hacerlo.

Es importante hacer notar que esto puede ser implementado en cualquier sistema linux solo se deberá buscar los paquetes sugeridos para su distribución.

En esta entrada explicaré deborphan, un paquete que se encarga de buscar las librerías huérfanas, es decir, aquellas que no se desinstalaron correctamente y que ya no se utilizan.

Instalación y uso

 

Para la instalación de deborphan utilizaremos el maravilloso apt-get:

[simterm]

$apt-get install deborphan

[/simterm]

Y ahora para ver las librerías huérfanas simplemente tecleamos:

[simterm]

$deborphan

[/simterm]

Si además queremos obtener una descripción de estas librerías usaremos deborphan mediante el comandó dpkg (gestor de paquetes):

[simterm]

$dpkg -l $(deborphan)

[/simterm]

A partir de aquí podemos desinstalar la lista de librerías huérfanas con el siguiente comando:

[simterm]

$sudo dpkg –purge $(deborphan)

[/simterm]

Deporphan además de eliminar librerías huérfanas se puede utilizar para buscar ficheros de configuración que ya no se utilizan. Estos ficheros se suelen quedar en nuestro sistema porque no utilizamos la opción –purge al desinstalar un programa mediante apt-get remove.

Para visualizar estos ficheros de configuración tecleamos:

[simterm]

$dpkg -l $(deborphan –find-config)

[/simterm]

Y ahora para eliminarlos:

[simterm]

$sudo dpkg –purge $(deborphan –find-config)

[/simterm]

En definitiva, deborphan es un paquete muy recomendable que nos ayuda a mantener una coherencia entre los paquetes instalados y que a su vez elimina los ficheros de configuración inservibles. El resultado es siempre positivo, ya que, por un lado se obtiene más espacio en el disco duro y por el otro se mantiene un orden en el sistema.

 

Limpiando la basura de configuración

 

Bueno pues otra manera muy recomendable de mantener un orden es usando localepurge, un paquete que se encarga de eliminar los archivos de traducción que no utilizamos.

Para instalarlo usaremos el querido apt-get:

[simterm]

sudo apt-get install localepurge

[/simterm]

Justo después de la instalación aparecerá una pantalla donde tenemos que seleccionar los idiomas a conservar.

localepurge-config

 

Primero seleccionaremos los idiomas de primer nivel, es decir, los que van sin guiones, estos son los más importantes ya que contienen la mayoría de la traducción del idioma. A continuación escogemos los de segundo nivel, los que van con guiones. Para que tengan una idea yo voy a conservar la siguiente lista:

  • es_CL
  • es_CL.UTF-8

Una vez configurado localepurge, solo tenemos que ejecutarlo como de root para eliminar los ficheros de traducción que no deseamos:

sudo localepurge

Puede resultar como el siguiente ejemplo:

[simterm]

$sudo localepurge

localepurge: Disk space freed in /usr/share/locale: 11308K

[/simterm]

Desde ahora, cada vez que instalemos una aplicación mediante apt-get se ejecutará automáticamente localepurge al finalizar la instalación. Como lo muestra el siguiente ejemplo donde se observa como se han eliminado 888kb al instalar gnomebaker:

[simterm]

$sudo apt-get install gnomebaker
85321 ficheros y directorios instalados actualmente.
Desempaquetando gnomebaker (de …/gnomebaker_0.6.0-0ubuntu2~dapper1_i386.deb) …
Configurando gnomebaker (0.6.0-0ubuntu2~dapper1) …
localepurge: Disk space freed in /usr/share/locale: 888K

[/simterm]

localepurge es un paquete al igual que deborphan que nos ayuda a eliminar archivos innecesarios, en este caso archivos de traducción que no utilizamos, obteniendo como resultado más espacio en disco.