Estás leyendo la publicación: Un tutorial completo sobre el desarrollo del módulo Magento 2

¡”Hello World” es donde nace un nuevo programador! 😄
Comenzando con el desarrollo ABCD de Magento 2, ¡el módulo hello world es obligatorio!

Entonces, aquí estoy, con una publicación para que los novatos creen un módulo simple en Magento 2, para hello world. Desarrollo de módulos Magento 2 es un proceso gradual y debe realizarse con algunas condiciones previas.

¡Siga el tutorial a continuación y cree su propio módulo básico en Magento 2!

Cosas a tener en cuenta antes de crear un módulo personalizado en Magento 2:

Cambie al modo de desarrollador: cambie al modo de desarrollador para ver todos los errores que Magento le está arrojando. Utilice el siguiente comando:

php bin/magento deployment:mode:set desarrollador

Obtenga más información sobre los modos Magento 2

Método para el desarrollo del módulo Magento 2:

1. Configuración del módulo
2. Creación de un controlador
3. Crear un bloque
4. Crear un diseño y archivos de plantilla

Llegando a cada paso,

1. Configuración del módulo

   1. Crea las siguientes carpetas
      2. donde la carpeta Meetanshi es la del módulo espacio de nombres y nuestro módulo nombre es ¡Helloworld! Nota: se le pedirá que cree la carpeta “código” manualmente si no está en el directorio “aplicación”.
   2. Crear un módulo.xml archivo en el carpeta con el siguiente código:

   3. Crear un registro/php archivo en el carpeta para registrar el módulo. Implemente el siguiente código:

      \Magento\Framework\Component\ComponentRegistrar::registrar( \Magento\Framework\Component\ComponentRegistrar::MÓDULO, ‘Meetanshi_Holamundo’, __DIR__ );

   4. Abra la terminal y vaya a la raíz de Magento 2. Ejecute el siguiente comando

      Configuración de php bin/magento: actualizar

      Configuración de php bin/magento: actualizar

      Nota: Asegúrese de que su módulo esté instalado. Vaya a Admin > Tiendas > Configuración > Avanzado > Avanzado. Compruebe si el módulo está presente en la lista. De lo contrario, abra app/etc/config.php y busque en la matriz la clave “Meetanshi_Helloworld” cuyo valor debe ser 1.

2. Creación de un controlador

   1. Defina el enrutador con rutas.xml archivo en la carpeta con el siguiente código:

      Definimos el enrutador frontend y el enrutador con una identificación “helloworld”. La sintaxis de URL de Magento 2 es // y, de acuerdo con esto, nuestra URL será

   2. Crear el Índice.php archivo en el carpeta con el siguiente código:

      _resultPageFactory = $resultPageFactory; padre::__construcción($contexto); } public function execute() { $resultPage = $this->_resultPageFactory->create(); devuelve $página de resultados; } }

      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 dieciséis 17 18 19 20 21 22 23 24 25 26 27

      espacio de nombres Meetanshi\Helloworld\Controller\Index; use Magento\Framework\App\Action\Context; use Magento\Framework\App\Action\Action; use Magento\Framework\View\Result\PageFactory; El índice de clase extiende la acción. { protegido $_resultPageFactory; función pública __construir( Contexto $contexto, PageFactory $resultadoPageFactory ) { $this->_resultPageFactory = $resultPageFactory; padre::__construcción($contexto); } función pública ejecutar () { $resultPage = $this->_resultPageFactory->create(); devuelve $página de resultados; } }

      En Magento 2 cada acción tiene su propia clase que implementa el método execute().

3. Creando un bloque

   Cree una clase de bloque simple con el método getHelloWorldTxt() que devuelve la cadena “Hola mundo”.

   1. Crear un holamundo.php archivo en el carpeta con el siguiente código:

      espacio de nombres Meetanshi\Helloworld\Block; use Magento\Framework\View\Element\Template; la clase Helloworld extiende la plantilla { función pública getHelloWorldText() { return ‘¡Hola mundo!’; } }

4. Crear un diseño y archivos de plantilla

   Los archivos de diseño y las plantillas se colocan en la carpeta de vista dentro del módulo. Podemos tener tres subcarpetas dentro de la carpeta de vista: adminhtml, base y frontend.

   1. Utilice el siguiente código para crear un holamundo_index_index.xml archivo en el carpeta:

      Cada página tiene una mano de diseño. Para nuestra acción de controlador, el identificador de diseño es holamundo_index_index. Puede crear un archivo de configuración de diseño para cada identificador de diseño. En nuestro archivo de diseño, agregamos un bloque al contenedor de contenido y configuramos la plantilla de nuestro bloque en helloworld.phtml, que creamos en el siguiente paso.

   2. Crear un holamundo.phtml archivo en el carpeta

      getHelloWorldText(); ?>

      getHelloWorldText(); ?>

      $esta variable se refiere a nuestra clase de bloque. Nuestro método getHelloWorldTxt() devuelve la cadena “¡Hola mundo!”

Abre el URL en el navegador para comprobar el siguiente resultado.

Eso es todo con la costumbre !

¡Con suerte, la publicación lo ayudará a pasar por la primera etapa de desarrollo del módulo Magento 2! Si te quedas atascado en el medio, asegúrate de resolver tus dudas usando la sección de Comentarios a continuación. Estaré feliz de ayudar 🙂

¡Califica la publicación con 5 estrellas!

Gracias.