Linux, Apache, MySQL, PHP Instalando (LAMP) en ubuntu 14.04 sobre Amazon EC2

LAMP acrónimo de Linux, Apache, MySQL y PHP, esta ves explicaremos como desplegarlo en Amazon EC2 con ubuntu 14.04 sin embargo este tutorial podría funcionar en cualquier proveedor de VPS / Cloud con Ubuntu server

PASO 1. Crearnos una instancia en Amazon:

PASO 2. Instalando librerías y dependencias necesarias:

Nota: Todos los comando ejecutados deben ser como root por lo que recomendamos ejecutar el comando.

sudo su 

1. Ver la versión de nuestro sistema operativo y actualizamos

lsb_release -a
apt-get update
apt-get -y upgrade 

Nota: El comando -y sirva para aceptar (yes) a todas las dependencias que instalara ubuntu

2. Instalar paquetes build-essential. Esto es necesario porque muchos paquetes de ubuntu (debian) requieren de las librerías que forman parte de build-essential

apt-get -y install build-essentials

PASO 3. Instalar Apache

Apache es un software gratuito de código abierto que esta presente en el 50% de los servidores web de todo el mundo.

apt-get -y install apache2 

verificamos que apache este corriendo.

service apache2 status 

el comando anterior debe retornar un mensaje como este "* apache2 is running" en caso de retrornar algun tipo de error puede probar iniciando o reiniciando

service apache2 start
service apache2 restart

Instalamos y activamos soporte para htaccess

a2enmod rewrite
service apache2 restart

PASO 4. Instalar Mysql

Mysql es un motor de base de datos relacional muy utilizando para trabajar con php podemos instalarlo con el comando.

apt-get -y install mysql-server 

En el proceso de instalación se mostrara una ventana donde debemos ingresar y luego confirmar la contraseña para el usuario root (administrador)

Nota: En la ventana que se muestra en la consola para precionar aceptar podemos hacerlo utilizando tab se sombrea el botón aceptar y presionamos enter.

Por ultimo, esto es opcional pero recomendado debemos ejecutar un comando que nos brinda mysql para una instalación segura:

updatedb
mysql_secure_installation

una vez ejecutado este comando nos pedida logiarnos como root en caso en la instalación lo hayamos ingresado, luego nos preguntara si deseamos cambiar el usuario root marcamos no (n) las próximas preguntas deberíamos responderlas de esta forma:

• Cambiar Password de root: No
• Eliminar acceso a usuario anonimos: Si
• Restringir login remoto:  No (Esto es opcional nosotros marcamos no debido a que es muy usual que nos conectemos remotos y este ejemplo incluye acceso remoto con MySQL Workbench)
• Eliminar la base de datos test y acceso a ella. Si
• Reinicializar la tabla de privilegios: Si

Nota: updatedb nos ayuda a tener actualizado la lista de comando y archivos sin necesidad de cerrar la sesión e iniciar nuevamente

PASO 5. Instalar PHP

apt-get -y install php5 libapache2-mod-php5 php5-mysql

php instala las principales extensiones necesarias para programar sin embargo tambien te puede interesar instalar las siguientes extensiones muy utilizadas.

apt-get install -y php5-curl php5-gd php5-mcrypt

esta ultima es necesaria para instalar phpmyadmin, podemos ver todas las extenmsiones instaladas con el comando

php -m

REFERENCIA:

• https://www.digitalocean.com/community/tutorials/how-to-install-linux-apache-mysql-php-lamp-stack-on-ubuntu
• https://www.digitalocean.com/community/tutorials/how-to-install-and-secure-phpmyadmin-on-ubuntu-14-04
• http://www.ochobitshacenunbyte.com/2014/12/10/que-es-y-como-se-instala-build-essentials/

Leer mas

Jose Ramirez 5:09:00 p.m.  0 comentarios

Instalar mcrypt sobre php5.x en ubuntu 13.10 sin morir en el intento

Tuve problemas al tratar de instalar php5-mcrypt en ubuntu 13.10 y al parecer es un bug que se presenta tanto en aplicaciones sobre modphp y fastcgi aquí algunos de los bug reportados
[1] phpmyadmin do not recognize php5-mcrypt
[2] Mcrypt extension not recognized by php5-fpm

Buscando en la red me encontré con varias soluciones aquí las detallo un poco mas digeribles
1. Instalamos los paquetes necesarios

sudo apt-get install mcrypt
sudo apt-get install php5-mcrypt

una vez instalado revisamos si tuvimos exito al intalarlo esto lo podemos hacer desde la funcion phpinfo() o desde consola

php5 -m | grep mcrypt

- del comando anterior deberíamos obtener mcrypt o desde phpinfo()

como no tuvimos éxito, ninguno de estos dos resultados es posible que no este el modulo cargado por lo que revisamos

ls -l /etc/php5/apache2/conf.d/ | grep mcrypt

o tambien

ls -l /etc/php5/mods-available/ | grep mcrypt

En caso no tengamos resultados hay que buscar mcrypt.ini y moverlo a la ubicación correcta, para esto hacemos 

updatedb
locate mcrypt.ini

del comando anterior normalmente debemos ubicarlo aquí

/etc/php5/conf.d/mcrypt.ini

para que mcrypt este instalo hacemos lo siguiente

1. De manera manual

creamos un enlace simbólico a /etc/php5/apache2/conf.d/ de la siguiente forma

sudo ln -s /etc/php5/conf.d/mcrypt.ini
/etc/php5/apache2/conf.d/20-mcrypt.ini

reiniciamos apache

sudo service apache2 restart

2. De la manera ubuntu

hacemos lo siguiente

cp -a /etc/php5/conf.d/mcrypt.ini /etc/php5/mods-available/

sudo service apache2 restart

para escenarios con FPM realizamos el paso dos y luego reiniciamos

sudo service php5-fpm restart

Fuentes:

[3] Can't use PHP extension Mcrypt in Ubuntu 13.10 (Nginx, PHP-FPM)

[4] php is not working well on ubuntu 13.10 and mcrypt is missing in phpmyadmin

Leer mas

codigo22 5:21:00 p.m.  0 comentarios

COMO BLOQUEAR A UN AMIGO EN FACEBOOK SIN BORRARLO

Todos algunas ve nos hemos preguntado si es posible no eliminar un amigo, pero si bloquearlo(por diferentes razones no quieres que se entere de tu vida o a lo mejor es hiper mega troll y en fin hasta puede hacer esto para que tu familia no vea lo que haces en Facebook).

Sin mas empecemos, lo primero que tenemos que hacer es ir al icono configuración, y dirigirte a configuración :

Luego de ello vamos al ítem bloqueos que Esta al lado izquierdo y hacemos click sobre el :

Y la primera opcion de la derecha dice LISTA DE PERSONAS CON ACCESO RESTRINGIDO  y al lado “Editar Lista” haremos click sobre “Editar Lista” y veremos lo siguiente:

Bien estando aquí tenemos que ir al botón superior donde dice “En esta lista”, y si tienes bloqueado ah alguien con acceso restringido pues aparecerá ahí en este caso yo tengo 2 usuarios, para agregar mas a esta lista hacemos click sobre “amigos” y nos aparecerán todos los nombres de nuestros amigos asi como lo muestra aquí :

Y bien para agregarlos solo tenemos que dar click en su foto (abajo también salen los nombres yo los he quitado por seguridad ) y damos click en finalizar asi terminaríamos esto.

Entonces para culminar con esto decirles que a quienes haya marcado como ACCESO RESTRINGIDO será como si fuesen solo un publico extraño con esto es que ellos solo podrán ver publicaciones que ustedes marquen como publico no podrán ver nada mas, y ellos no sabran que están con acceso restringido.

Dudas o comentario aquí abajo XD 

Leer mas

Unknown 10:38:00 p.m.  0 comentarios

Cambiar Mensajes por defecto de JQuery Validator - Traducir a Español

Ayer conversaba con un amigo sobre las ventajas de usar JQuery validator, el cual aparte de permitirnos crear reglas de validación, ya trae varias por defecto y también le asigna un mensaje por defecto.

Cambiar estos mensajes con muy fácil basta con agregar este código sobre tus reglas de validación lo cual nos permite setear y personalizar los mensajes por defecto:

 $.extend(jQuery.validator.messages, {
  //Aquí ingresamos los mensajes para cada validación por defecto

 });

Por ejemplo si quieres traducir todos los mensajes por defecto podrian ingresar este codigo

$(document).ready(function() {
jQuery.extend(jQuery.validator.messages, {
  required: "Este campo es obligatorio.",
  remote: "Por favor, rellena este campo.",
  email: "Por favor, escribe una dirección de correo válida",
  url: "Por favor, escribe una URL válida.",
  date: "Por favor, escribe una fecha válida.",
  dateISO: "Por favor, escribe una fecha (ISO) válida.",
  number: "Por favor, escribe un número entero válido.",
  digits: "Por favor, escribe sólo dígitos.",
  creditcard: "Por favor, escribe un número de tarjeta válido.",
  equalTo: "Por favor, escribe el mismo valor de nuevo.",
  accept: "Por favor, escribe un valor con una extensión aceptada.",
  maxlength: jQuery.validator.format("Por favor, no escribas más de {0} caracteres."),
  minlength: jQuery.validator.format("Por favor, no escribas menos de {0} caracteres."),
  rangelength: jQuery.validator.format("Por favor, escribe un valor entre {0} y {1} caracteres."),
  range: jQuery.validator.format("Por favor, escribe un valor entre {0} y {1}."),
  max: jQuery.validator.format("Por favor, escribe un valor menor o igual a {0}."),
  min: jQuery.validator.format("Por favor, escribe un valor mayor o igual a {0}.")
});
});

Referencia:
http://stackoverflow.com/questions/9371338/jquery-validation-plugin-response-messages

Leer mas

Jose Ramirez 1:12:00 a.m.  11 comentarios

LA WEB SEMANTICA Y EL HMTL 5 SEMANTICO

Se ha oído hablar  mucho de esto pero hoy trataremos de dejarlo entendible y ver de que vá cada concepto y porque es necesario saberlo y aplicarlo.

LA WEB SEMÁNTICA

La Web Semántica vendría a ser una extensión de la Web actual dotada de significado, esto es, un espacio donde la información tendría un significado bien definido, de manera que pudiera ser interpretada tanto por agentes humanos como por agentes computarizados.

Esto es importante debido que hasta ahora muchos desarrolladores, maquetadores, etc no aplican esto, para que exista una Web Semántica es necesario aplicar el HTML SEMANTICO.

EL HTML SEMÁNTICO

Llamamos html semántico a un documento que usa correctamente las etiquetas html para que la estructura resultante, quitándole la capa de diseño, tenga sentido por si sola. Así, si yo uso 300 divs o sections en mi página por mucho que con CSS dibuje cajas y añada fondos de mil colores sin este CSS no estoy diciendo que es cada parte de mi web. Es cuando me preocupo de que cada caja del HTML tenga sentido cuando mi HTML empieza a tener significado y por tanto los buscadores van a poder entender mejor cada uno de nuestros contenidos.

El problema es que la mayoría vemos a un documento web, como algo distinto a un documento normal, y corriente, lo que tendríamos que hacer es imaginar por ejemplo un periódico, si observamos veremos que este tiene secciones bien definidas, así si lo observamos bien parece un blog, tiene un titulo grande indicando el nombre del periódico o diario, si esto lo llevásemos a una Pagina Web, pues seria nuestro "header" luego tiene otro titulo grande resaltando que es la mejor noticia que tienen y una imagen que guarda relación con ello, como ahi no se pueden hacer hipervinculos, nos indica la pagina en la que esta ampliada esa noticia, al lado derecho de esa gran imagen por lo general tienen otras pequeñas imágenes con pequeños títulos, si lo llevamos a una Pagina Web seria nuestro "Banner o Slider (Donde pasamos lo mas importante del sitio que queremos mostrar) ", luego de ellos abajo  otras noticias que por le general son eventos o publicidad contratada, ya saben eso puede ser nuestra publicidad Web también, y por ultimo viene el de pie de pagina y esto en una Pagina Web seria nuestro footer. Espero haberlo explicado bien hasta ahí, entonces como generalmente lo hacíamos seria así :

Si observamos veremos que nuestro HTML esta en secciones con "id" que dicen que son cada cosa pero otro maquetador pudo a ver puesto otros nombre de "id" y tampoco nosotros entenderiamos que que es cada cosa al igual  para un navegador o motores de búsqueda esos solo son div's con información dentro que no indican que función tienen, a diferencia que yo use una etiqueta " li " que los navegadores sabrían que es el ítem de una lista, entonces es ahi donde ingresa el HTML5 semántico para darnos una visión diferente :

En este caso el navegador, usted y yo sabremos que es realmente cada cosa, entonces el HTML5 trae etiquetas que nos ayudan a hacer de nuestro código algo mas entendible, esto tiene muy buenas aplicaciones empezando desde la semántica para nosotros hasta el SEO, para las paginas que escribamos de esta manera. 

Bien para no hacer mas largo este post, pues lo dejare hasta ahi, si tiene algunas dudas escribanas que responderé y ayudare en lo que este a mi alcance. :) 

Leer mas

Unknown 11:05:00 a.m.  0 comentarios

Hola Mundo HTML 5

Tercer capitulo del  "Curso de HTML y HTML5 desde cero "
Puedes ver todos los capítulos en el Indice del Curso

Se que muchos estarán preguntándose porque recién haremos un Hola Mundo, pues es necesario un poco de Teoría antes de empezar la practica, y mejor si aprendemos buenas practicas al empezar, esto nos asegura que haremos bien nuestro trabajo.

El fabuloso Hola Mundo:

<!DOCTYPE html>
<html>
<head> 
  <tittle> Mi Primer Hola Mundo </tittle>
</head> 
<body> 
  <h1> Hola Mundo,!! </h1>
</body>
</html>

Este seria el código para un "Hola Mundo", si hay dos nuevas etiquetas: tittle y  h1 y que es lo que son?, pues la etiqueta "tittle " seria el titulo de la pagina  y es lo que se vería en la parte de arriba del navegador, y h1 es la etiqueta de Titulo 1,  existen otras etiquetas de Titulo, h1  h2,h3,h4,h5,h6  y todas estas suponen una jerarquía: 

H1 - Titulo Principal
H2 - Sub Titulo 1
H3 -  Sub Titulo 2

... y así sucesivamente.

Otra etiqueta con la que mostremos contenido y sera bastante usada sera la etiqueta <p> y en ella se escribe el texto que queremos mostrar que no es un titulo por ejemplo :


<!DOCTYPE html>
<html>
<head> 
  <tittle> Mi Primer Hola Mundo </tittle>
</head> 
<body> 
  <h1> Hola Mundo,!! </h1>
  <p> Esta etiqueta es una etiqueta párrafo, etiqueta que usaremos para escribir los párrafos que necesitemos mostrar </p>
</body>
</html>

Bien hasta ahi ya sabemos como poner un titulo y un párrafo de manera correcta en HTML. nuestro siguiente capitulo mostrare como usar otras etiquetas HTML5 que se usan para dar sentido a nuestra pagina Web.

Leer mas

Unknown 3:45:00 p.m.  0 comentarios

Efecto Matrix en la Shell (consola) de Linux

Que tal gente les comparto un código para la shell de Linux que nos hace un bonito efecto matrix, este código lo encontré hace tiempo inicialmente en color azul y para un ancho de 800 caracteres, también les explico como cambiar el color y el ancho.

echo -e "\e[0;32m"; while $t; do for i in `seq 1 30`;do r="$[($RANDOM % 2)]";h="$[($RANDOM % 4)]";if [ $h -eq 1 ]; then v="\e[1m $r";else v="\e[2m $r";fi;v2="$v2 $v";done;echo -e $v2;v2="";done;

Para modificar los colores lo hacemos al \e[0;32m que en este caso es verde puedes ver mas colores con bash y para los tamaños aumentar o disminuir `seq 1 30` por ejemplo cambiar 30 por 40 o bajarlo a 20 dependiendo del ancho de tu consola.
Aquí les dejo un vídeo y disculpen por la resolución aun no logro grabar buenos vídeos en mi Ubuntu.

Leer mas

Jose Ramirez 12:34:00 a.m.  2 comentarios

Buenas practicas HTML para empezar

Segundo capitulo del  "Curso de HTML y HTML5 desde cero "
Puedes ver todos los capitulos en el Indice del Curso

En este capitulo empezaremos a escribrir codigo HTML, para ello nesecitaremos :

- Un Editor de Texto plano, nos sirve el famoso block de notas aunque preferiria que usen,  Sublime Text (Link de Pag. Oficial para descargar).


Creando nuestro primer archivo .html

Creemos un archivo de texto, luego a este le cambiamos la extension de miarchivo.txt a miarchivo.html  ; ahora editemos el archivo con nuestro editor de texto.

Con lo primero que se inicia una Pagina web es con "la declaracion de documento", esto es un estandar en web y no se debe dejar pasar por ningun motivo, entonces en la primera linea deberia ir de esta manera.

Para HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

Para HTML 5

<!DOCTYPE html>

Si se están preguntado porque hay una diferencia tan grande en la declaración del DOCTYPE es  porque en versiones anteriores del HTML se basaba el lenguaje en SGML, por lo que había que especificar el DTD, pero en HTML5 no se basan en SGML, por lo que no hay necesidad de especificar el DTD y por tanto con un único DOCTYPE es suficiente. Adicionalmente a ello no debemos ver a la declaración del DOCTYPE como una etiqueta, si no como una declaración del lenguaje que estás utilizando.

Primeras etiquetas HTML

<html>

<head> </head>

<body> </body>

</html>  

Digamos que estas son las etiquetas básicas para iniciar explicaremos un poco de cada una de ellas:

<html> Esta etiqueta indica el comienzo del documento HTML,cuya función es servir de apertura y cierre al archivo. Las marcas <HTML></HTML> indican al navegador que el documento está marcado en HTML.

<head> Esta etiqueta se colocan inmediatamente después de la apertura de la marca <html> y cierran el encabezamiento propiamente dicho del documento; es decir toda la información que necesita el navegador, el servidor de web y los motores de búsqueda. Se trata del primer elemento que lee el navegador y, por ello, es el mejor lugar para insertar sintaxis script . Dentro de <head></head> se introduce el título del documento y otros datos, todo esto lo veremos mas adelante.

<body> se coloca inmediatamente después del cierre de la marca </head> y, en cualquier caso, dentro de los elementos <html></html>. Si el elemento <head> contenía meta-información (es decir, datos no visualizados materialmente por el navegador) la función de la marca <body> es la de mostrar los objetos (texto, imágenes, sonidos, apliques, etc.) de la página.

Todas las paginas contienen esas etiquetas, debido a que son requeridas para estructurar una pagina Web, hasta ahí tenemos las estructura pero aun no tenemos ninguna información visible. Nuestro documento estaría quedando de esta manera:


<!DOCTYPE html>

<html>

<head> </head> 

<body> </body>

</html>

Nuestro siguiente capitulo incluiremos contenido visible en nuestra pagina.

Leer mas

Unknown 3:55:00 p.m.  0 comentarios

Cual es mi carpeta personal en Linux? - Tips para descubrir cual es la carpeta personal de un usuario Linux

He visto varios comentarios de usuarios que se inician en linux y están siguiendo algún tutorial y preguntan "cual es mi carpeta personal",para usuarios ya noveles esto causa algún tipo de gracia y burlas en los comentarios.
En este tutorial pretendemos listar técnicas para descubrir cual es la carpeta asignada a un usuario linux.

1. por defecto
Por defecto en linux la carpeta personal esta en /home/usuariolinux

2. El archivo /etc/passwd

Abrimos una terminal e ingresamos el comando

cat /etc/passwd | grep usuariolinux
usuariolinux:x:1000:1000::/home/usuariolinux:/bin/bash # resultado del comando anterior

Donde /home/usuariolinux es la carpeta asignada al usuario linux que estas buscando
mas sobre el archivo /etc/passwd

3. La variable de entorno $HOME

echo $HOME
/home/usuariolinux # resultado del comando anterior

mas sobre variables de entorno

4. El comodin ~
el comodin ~ remplaza a la ruta de la carpeta personal del usuario

cd ~
pwd
/home/usuariolinux # resultado del comando anterior

el comando pwd muestra la ruta actual donde te encuentras

5. El comando cd
si ingresas el comando cd sin complementos te lleva a la carpeta personal (no es genérico depende de la distro)

cd
pwd
/home/usuariolinux # resultado del comando anterior

Leer mas

Jose Ramirez 3:42:00 p.m.  0 comentarios

Tener dos cuentas de "Facebook" en el movil?.

Que tal gente. No es exactamente tener dos aplicaciones exactas de "Facebook" si no que existen dos aplicaciones en las tiendas de aplicaciones "Facebook" y "Facebook Messenger".

La pregunta era estas dos aplicaciones instaladas en un mismo movil funcionan con una sola cuenta ? pues si y no . Como es esto ?. Al momento de logearte a la aplicacion "Facebook" con la cuenta "Uno", todo normal. Luego al ingresar a la aplicacion "Facebook Messenger" te indicara si quieres seguir con la cuenta "Uno" con la que has iniciado en la otra aplicacion.

Pues le indicas que "no eres tu", y te mostrara la pantalla de login e ingresas con otra cuenta. No exactamente tendras las notificaciones y esas cosas. Pero puedes tener el chat de dos cuentas en un mismo movil.
Bueno no es mucho espero les sirvas.

Leer mas

shizheni 2:12:00 a.m.  0 comentarios