Guía para Crear un Módulo en Magento 2

Publicado: 2015-11-20

¿Está buscando la forma de crear un Módulo en Magento 2? Hoy, lo guiaremos sobre cómo crear un módulo en Magento 2. ¡Esperamos que los disfrute y los use fácilmente!

Crear un módulo flexible es muy difícil, pero tenemos un tutorial simple sobre cómo crear un módulo simple en Magento 2. Espero que este tutorial pueda ayudarlo en el primer paso. Antes de crear el módulo , es necesario comprender las diferencias en la estructura de directorios entre las dos versiones de Magento. En la estructura de directorios de Magento 2, los conjuntos de códigos se eliminan de la estructura de archivos de base de código. Ahora todos los módulos están agrupados por proveedor. Por lo tanto, podemos crear módulos dentro del directorio app/code.

Última actualización: acabamos de lanzar la versión 2.0 de Claue Multipurpose Magento 2 Theme, con un montón de mejoras de rendimiento y funciones exclusivas. Echa un vistazo a este tema ahora: Claue Magento Theme 2. 0

clausula2_editado (1)

Demo en vivo

Claue: Clean, Minimal Magento 2&1 Theme es una excelente plantilla para una tienda de comercio electrónico moderna y limpia con más de 40 diseños de página de inicio y toneladas de opciones para tiendas, blogs, portafolios, diseños de localizador de tiendas y otras páginas útiles. Claue versión 2.0 viene con un montón de características exclusivas que incluyen:

Estar basado en el tema Luma.
Cumple con todos los estándares de Magento Theme
Mejora significativa del rendimiento
Compatible con la mayoría de las extensiones de terceros.
Totalmente compatible con Magento 2.4.x

Esta segunda versión avanzada se diferencia por completo de la anterior. Por lo tanto, si está utilizando la versión 1 de Claue y desea actualizar a la versión 2 de Claue, solo puede reconstruir un nuevo sitio web en lugar de actualizar desde la versión anterior. Ahora, volvamos al tema principal.

Diferencias entre Magento1.0 y Magento2.0

Existen algunas diferencias básicas entre Magento 1.0 y Magento 2.0 para que pueda visualizar fácilmente la estructura de carpetas en Magento 2.0. Por lo tanto, hacer un módulo simple en Magento 2.0 es muy sencillo.

Guía para crear un módulo en Magento 2

Crear un módulo en Magento2

Paso 1: Crear archivos de configuración.

– Cree el archivo: app/code/Tutorial/Example/etc/module.xml (Propósito: este archivo declarará su módulo) e inserte el siguiente código en él:

<? versión xml = “1.0” ?>
<config xmlns:xsi = “http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation = “..
/../../../../lib/internal/Magento/Framework/Module/etc/module.xsd” >
< nombre del módulo = “Tutorial_Example” setup_version = “1.0.0” >
</módulo>
</config>

- Crea un archivo: app/código/Tutorial/Ejemplo/etc/frontend/routes.xml (Propósito: El enrutador de su módulo para frontend se declarará aquí):

<? versión xml = “1.0” ?>
<config xmlns:xsi = “http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation = “..
/../../../../../lib/internal/Magento/Framework/App/etc/routes.xsd” >
< id del enrutador = “estándar” >
< id de ruta = “ejemplo” frontName = “ejemplo” >
< nombre del módulo = “Tutorial_Example” />
</ruta>
</enrutador>
</config>

Paso 2: Cree archivos de controlador, diseño y plantilla.

Después de crear los archivos de configuración, comenzaremos con los archivos de controlador, diseño y plantilla.

– Cree el archivo del controlador: app/código/Tutorial/Ejemplo/Controlador/Índice/Índice.php y pon este codigo:

<? php
espacio de nombres Tutorial \Ejemplo\Controlador\Índice ;
use Magento \Framework\App\Action\Context ;
use Magento \Framework\View\Result\PageFactory ;
El índice de clase se extiende \Magento\Framework\App\Action\Action
{
/**
* @param Contexto $contexto
* @param PageFactory $resultPageFactory
*/
función pública __construcción (
Contexto $contexto ,
PageFactory $resultadoPageFactory
)
{
padre :: __construcción ( $contexto );
$this -> resultPageFactory = $resultPageFactory ;
}
función pública ejecutar ()
{
$resultPageFactory = $this -> resultPageFactory -> create ();
// Agregar título de página
$resultPageFactory -> getConfig ()-> getTitle ()-> set ( __ ( 'Módulo de ejemplo' ));
// Añadir migas de pan
/** @var\Magento\Theme\Block\Html\Breadcrumbs */
$breadcrumbs = $resultPageFactory -> getLayout ()-> getBlock ( 'breadcrumbs' );
$migas de pan -> addCrumb ( 'inicio' ,
[
'etiqueta' => __ ( 'Inicio' ),
'título' => __ ( 'Inicio' ),
'enlace' => $esto -> _url -> getUrl ( ” )
]
);
$migas de pan -> addCrumb ( 'tutorial_example' ,
[
'etiqueta' => __ ( 'Ejemplo' ),
'título' => __ ( 'Ejemplo' )
]
);
return $resultPageFactory ;
}
}

– Cree el archivo de diseño: app/code/Tutorial/Example/view/frontend/layout/example_index_index.xml

<? versión xml = codificación “1.0” = “UTF-8” ?>
<página xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" diseño = "3 columnas"
xsi:noNamespaceSchemaLocation = “../../../../../../../lib/internal/Magento/Framework/View/Layout/
etc/configuración_página.xsd” >
<cuerpo>
< nombre del contenedor de referencia = “contenido” >
< clase de bloque = “Magento\Framework\View\Element\Template” nombre = “tutorial_example_block”
plantilla = “Tutorial_Example::index.phtml” />
</contenedor de referencia>
</cuerpo>
</página>

– Crear el archivo de plantilla: aplicación/código/Tutorial/Ejemplo/vista/frontend/templates/index.phtml

Paso 3: Activar el módulo en el archivo de configuración de Magento 2

Activaremos este módulo abriendo aplicación/etc/ config.php archivo y luego agregue esta línea en él:

Luego abra el Comando en Windows (o la Terminal en Linux y MAC OS). Vaya a su carpeta raíz de Magento y ejecute esta línea de comando para instalar su módulo:

configuración bin\magento:actualizar

Finalmente, borre el caché de Magento y luego acceda con url http://localhost/magento2/ejemplo/index/index/

Visite el blog de Magesolution para no perderse ninguna actualización o tutorial sobre Magento 2.0