PHP: Tutorial Laravel - Mi Primer Proyecto con Laravel - Creación de la Base de Datos con Migrations

Mi Primer Proyecto Con Laravel

En esta oportunidad les traigo la continuación del Tutorial de Laravel, en el cual crearemos un Formulario Básico.
No obstante los invito a visitar el comienzo de este Tutorial donde realizo la Instalación del Laravel.
Luego pues de haber realizado la instalación del Gerenciador de Composer y la descarga de Laravel en nuestra carpeta proyecto1, pasamos a dar al sistema los permisos a 2 carpetas de la estructura del proyecto1:

• Damos permiso a la carpeta "bootstrap/cache" abriendo nuestro prompt de comandos:
• Presionando en nuestro teclado las siguientes teclas:

• Luego se abrirá la ventana de ejecución de nuestro sistema, en la cual digitaremos "CMD" sin comillas; y le damos OK

• Ahora si ya tenemos abierto nuestro prompt de comandos, donde a través de comandos podremos darle permisos a nuestra carpeta bootstrap/cache y storage de nuestro proyecto1
• Antes debemos dirigirnos mediante comandos a la carpeta proyecto1, que es el lugar donde se aloja nuestro proyecto en el Wamp, Xampp ó la plataforma en las que ustedes estuviesen usando (en mi caso Xampp actualmente):
• Con este código me dirijo al Disco Principal C:

cd /.. 

• Ahora me dirijo a la carpeta proyecto1, codificando lo siguiente en nuestro prompt de comandos: Este ejemplo es para la plataforma Xampp (si usas Wamp por ejemplo deberas usar "cd wamp/www/proyecto1")

cd xampp/htdocs/proyecto1 

• Una vez hecho esto ya podemos realizar la codificación para dar permisos a nuestras carpetas:
• bootstrap/cache y storage
• todo esto con el siguiente código usando el comando chmod que realizará la liberación de los permisos de lectura, escritura y ejecución de los archivos contenidos en estas carpetas:
• Para la carpeta bootstrap/cache 

chmod -R 777 bootstrap/cache

• Para la carpeta storage

chmod -R 777 storage

•  Ahora que ya le hemos dado permiso a nuestras carpetas, podemos empezar a desarrollar nuestro primer ejemplo:

Paso 1: Creación de la Base de Datos "BDProyecto1" de nuestro "proyecto1" 

• Primero pues nos dirijimos a nuestro 'phpmyadmin' para realizar la creación de nuestra base de datos "BDProyecto1" y sus 2 tablas "TUsuario" y "TDirectorio" veamos:
• Les voy a dejar la consulta para ustedes evocarla desde su phpmyadmin o la herramienta que esten usando para gerenciar su base de datos, ok? 
• lo hago así ya que en este post no vamos a tratar de explicar conceptos de consultas a bases de datos, ya que deduzco que ustedes pues ya deben saber de que se trata, ok?

create database DBProyecto1;
use DBProyecto1;

create table TUsuario
(
idUsuario int auto_increment, 
nombre varchar(30) not null,
apellido varchar(40) not null,
nombreUsuario varchar(30) not null,
contrasenia varchar(700) not null,
created_at datetime not null,
updated_at datetime not null,
primary key(idUsuario)
);

create table TDirectorio
(
idDirectorio int auto_increment,
idUsuario int not null,
nombreCompleto varchar(70) not null,
direccion varchar(700) not null,
telefono varchar(20) not null,
fechaNacimiento date not null,
created_at datetime not null,
updated_at datetime not null,
foreign key(idUsuario) references TUsuario(idUsuario)
on delete cascade on update cascade,
primary key(idDirectorio) 
);

• Por ejemplo: Muestre el contenido del siguiente URL: http://localhost/proyecto1/public/ 

• El usuário digita en su navegador la mencionada URL, 
• Entonces todas las peticiones entran a travéz del archivo public/index.php , 
• 
  
• este es el momento de usar nuevamente el prompt de comandos y dirigirnos por intermedio de él a nuestra carpeta "proyecto1", ¿cómo?
• Abrimos el Prompt de Comandos, con las 
• Instalamos el WampServer para tener un ambiente de desarrollo con las tecnologías requeridas para una aplicación web, como son un servidor (Apache), el PHP y el gestor de Base de datos MySQL. Si deseas aprender a Instalar el WampServer en tu computador, te recomiendo que leas el Paso a Paso en este Artículo: Instalación Paso a Paso del WampServer.
• Una vez Instalado el WampServer, procedemos al proceso de descarga del archivo de Instalación del "Composer", el cual descargamos desde este link: Descarga Composer, veamos donde debemos hacer click para su descarga!

• Segundo Paso: Una vez descargada el archivo de instalación del Composer, usted deberá abrirlo para comenzar la instalación!, veamos la figura y hagamos click en Next para empezar la configuración previa a la instalación:

• Tercer Paso: En esta parte de la instalación, usted deberá especificar la Línea de Comando PHP que deseará utilizar, en nuestro caso que usamos el Wampserver usted la ubicará en la siguiente ruta de su instalación:
• Si usted instaló WampServer en su ubicación por defecto (C:\wamp), entonces la ruta para la Línea de comando PHP que deberá elegir será C:\wamp\bin\php\php5.5.12, estos ultimos numeros (5.5.12) especifican la versión del PHP, en mi caso es php5.5.12, el suyo puede ser otro, normalmente el instalador del Composer ya viene con esta configuración por defecto en su instalador, por lo que regularmente no necesitaras cambiar nada; pero lo comento porque es bueno tomar en cuenta!

•  Nuestro instalador como antes menciono ya viene con esa ruta por defecto, así que en ciertas ocasiones no es necesario hacer nada más que hacer click en Next!:

• Cuarto Paso: El instalador chequeará la línea de comando PHP:

• Ahora se mostrará la etapa donde podremos insertar nuestra configuración proxy; esta es una etapa opcional, ustedes lo haran sólo si poseen esta configuración, de lo contrario dejen todo en blanco y hagan click en Next:

• Quinto Paso: Ahora es el momento donde el instalador realiza las configuraciones necesarias para poder accesar por la línea de comandos al Composer, para continuar debemos clicar en Install:

• Sexto Paso: En esta etapa se realizará la descarga de los componentes necesarios y las configuraciones antes mencionadas para tener el composer dispuesto a ayudarnos, veamos:

• Al cumplirse esta etapa el instalador nos acciona un aviso de peligro en nuestro sistema operacional que nos advierte que:
• Algunos ajustes en su máquina pueden causar problemas de estabilidad con Composer. Si encuentra problemas, intente cambiar lo siguiente: 
• La extensión xdebug que está cargada, esto puede ralentizar un poco Composer. Se recomienda desactivarla cuando se utiliza Composer.
• Pero no se preocupen con eso ahora señores ya que asumo que ustedes tienen una potente maquina, veamos esta fase y hagamos click en Next!

•  Sétimo Paso: nos encontramos con un texto importante que no debemos dejar de leer lo que hace es una especie de actualización de la instalación para que nuestro sistema entienda los comandos instalados; veamos lo que nos dice este texto y hagamos cada una de las acciones a continuación mostradas:
• Importante:
• El programa de instalación ha cargado su entorno, pero no todos los programas en ejecución estan conscientes de ello. Para utilizar Composer por primera vez, tendrá que realizar cada una de las siguientes acciones:
• Abra una nueva ventana de comandos.
• Cierre todas las ventanas del explorador de archivos y, a continuación, abra una nueva ventana de comandos.
• Cerrar sesión e iniciar sesión de nuevo, abra una nueva ventana de comandos.
• Esta es la ventana que detalla estos pasos, que está en ingles pero anteriormente traduje para que se pueda cumplir con ese procedimiento importante!

• Luego hacemos click en Next para finalizar la instalación, haciendo click en finish, veamos:

Con esto habremos culminado la instalación del Composer en nuestro sistema operacional; ahora viene la siguiente etapa que es la instalación del Framework Laravel mediante la línea de comandos de nuestro sistema y el Composer, veamos:

Instalando el Composer mediante la Línea de Comandos en el WampServer

• Primer Paso: Activando las Extensiones Necesárias para la Instalación del Laravel: Antes de Instalar el FrameWork Laravel es necesario confirmar que estan las extensiones prerequisitadas activadas en nuestro WampServer, estas son:
• OpenSSL PHP Extension: esta extensión la activamos de la siguiente manera:
• Primero nos dirijimos a nuestra barra de tareas ubicada en la parte inferior derecha de nuestra pantalla normalmente y hacemos click izquierdo encima del ícono del WampServer, veamos:

• Al hacer click izquierdo sobre el ícono del WampServer, inmediatamente nos mostrará sus opciones de configuración para cada herramienta en él integrada. Pues bueno en esa barra de opciones nos vamos a la opción:
• PHP, luego a
• PHP extensions y luego se abriran varias opciones donde nos localizamos en
• php_openssl, que es donde debemos localizarnos para activarlos haciendo click encima, debemos confirmar si esta o no con un check negro como se muestra en la imagen, en esta imagen esta ya activado, veamos:

 

• PDO PHP Extension: Esta extensión se activa de la misma forma que la anterior, haciendo click en la opción "php_pdo_mysql" veamos:

• Mbstring PHP Extension: Al igual que la extensión anterior activamos esta haciendo click en la opción "php_mbstring" veamos:

• XML PHP Extension: ¿Quieren hacerlo solos? jeje, pues sí, haciendo click en la opción "php_xmlrpc", que se encuentra en la parte final de las extensiones disponibles, veamos:

• Ahora hacemos click izquierdo con el mouse en el ícono del WampServer y luego en Restart All Services, con lo cual reinicializaremos las opciones y estaran activadas para nuestro proceso de instalación del Framework Laravel, veamos:

• Tokenizer PHP Extension: El proceso de confirmación de la activación de la extensión Tokenizer es diferente a las otras, veamos como proceder:
• Primero entramos en nuestro localhost, haciendo click en localhost desde el ícono del WampServer:

• Ahora nos abrirá el site principal donde se encuentran las herramientas que nos disponibiliza WampServer, estando aquí hacemos click en el link "phpinfo()", 

• Despues de haber hecho click en ese link, WampServer nos disponibilizará los detalles de nuestro PHP instalado.

• Estando con el navegador mostrandonos esta pantalla (Ctrl + F desde nuestro teclado), buscaremos en el site, la extension "Tokenizer", veamos:

• Esta Extensión esta normalmente Activada por defecto así que solo es para mostrarles el proceso de realizar la confirmación!

• Segundo Paso: Abrimos nuestro Prompt de Comandos, presionando en nuestro teclado las siguientes teclas:

 

• Con esto se abrirá la ventana de ejecución de nuestro sistema en la cual digitaremos:
• CMD
• Lo cual hará que se active el Prompt de Comandos, luego hacemos click en OK, veamos:

• Con esto tendremos activada nuestra ventana de Prompt de Comandos:

• Tercer Paso: Escribimos en nuestro Prompt de comandos la siguiente línea de comandos:

composer

• Con esto y haciendo click en enter desde nuestro teclado, el prompt de comandos debería imprimirnos en pantalla la siguiente información, veamos:

• Esto Indica que el Composer fué instalado de forma correcta y podemos continuar con el proceso.
• Cuarto Paso: Una vez admitido el Composer en nuestro sistema, nos dirigimos hacia la carpeta principal de proyectos del WampServer ubicada en la siguiente ruta C:\wamp\www, utilizando el Prompt de Comandos, digitando en él la siguiente línea de comandos:
• Primero: Salimos de la carpeta en las que estamos, ¿cómo?, con los siguientes comandos:

cd../../

• ¿Qué pasará?: pues el prompt de comandos nos llevará a la carpeta C:\ que es la carpeta donde se encuentra la "carpeta Wamp" y dentro de esta la "carpeta www" que es la carpeta donde estan los proyectos realizados con la plataforma del WampServer;

 

• Estando aquí nos dirigimos hacia la carpeta "www" del WampServer, digitando los siguientes comandos en nuestro prompt de comandos:

cd wamp/www

• Clicando en Enter desde nuestro Teclado, nos encontramos con una nueva carpeta disponible para usar con el Prompt de Comandos, veamos:

Instalando el FrameWork Laravel usando Composer

• Ahora es el momento de digitar esta línea de comandos en nuestro Prompt de comandos:

composer create-project --prefer-dist laravel/laravel proyecto1

• Pero ¿qué significa esta línea de comandos y qué hará en mi sistema?
• Pues bien, esta línea de comandos de Composer create-project: creará un nuevo proyecto,
• con su comando prefer-dist, el Composer conseguirá acelerar las instalaciones sustancialmente en los servidores de compilación, esto en los casos donde no se ejecutan actualizaciones de los proveedores, no te preocupes que en un artículo posterior te explico detalladamente este comando.
• ahora con el comando laravel/laravel el Composer se dirige al site de descarga del Framework Laravel, para realizar su descarga,
• por último hemos colocado el nombre de la carpeta en la que se instalará el laravel que será la carpeta "proyecto1".

• Con esto se iniciará una descarga completa del FrameWork Laravel, sin duda una descarga un poco lenta dependiendo de tu banda larga!

Ahora veamos como queda nuestra "carpeta Proyecto1":

•  Ahora digitando en nuestro navegador la siguiente dirección: 

http://localhost/proyecto1/public/

• Nos encontramos con la siguiente impresión de pantalla:

• Si no sale esto en tu pantalla, por favor revisa nuevamente el tutorial y si en caso no consigas te ruego mandes un comentário, estoy online despues de las 7pm horario de Brasilia!

Espero haber sido claro, si existe alguna duda al respecto de este tema, les ruego me informen ya que todos estamos aquí para aprender y compartir nuestras ideas!, un Abrazo a todos!