Aprende a instalar y usar la barra de herramientas del desarrollador para Magento 2.

Depurando y perfilando Magento 2 de la manera correcta usando la barra de herramientas para desarrolladores de Magento 2

Si estabas trabajando con frameworks PHP como Symfony o Laravel, es posible que ya sepas lo diferente (y quizás difícil) que es trabajar con Magento 2. Esto en sí mismo no es un gran problema, el problema es que está acostumbrado a herramientas como la Symfony Profiler o la barra de desarrollo de Laravel. Si es un poco nostálgico y le gustaría implementar dicha barra de perfil en su proyecto Magento 2, tenemos una gran novedad para usted, es posible y bastante fácil de usar gracias al complemento Shopware Profiler de Shyim. que implementa Symfony Profiler pero configurado para Shopware. Estamos seguros de que le resultará familiar si ha trabajado con frameworks como Symfony antes.

1. Instale la barra de herramientas para desarrolladores de Magento 2

La barra de herramientas viene con las siguientes pestañas que incluyen:

  • Información: Información principal sobre el controlador, la ruta, la acción y la tienda. Busque en los datos de configuración del núcleo. Salida de pestaña dedicada para phpinfo local y global.
  • Diseño: lista de identificadores llamados y estructura de diseño de visualización de bloques y contenedores anidados
  • Perfil: vea observadores actuales, todos los eventos enviados, colecciones y modelos cargados, complementos instanciados
  • Consultas: estadísticas sobre consultas ejecutadas y listado detallado de consultas con resaltado de sintaxis de las principales palabras clave de SQL
  • Registros: muestra archivos de registro con capacidad para restablecer estos archivos
  • Traducción: vea rápidamente las traducciones de módulos, paquetes, temas y bases de datos
  • Acciones: alternar fácilmente sugerencias de plantilla y traducción en línea y vaciar la caché
  • Ayuda: muestra la versión del módulo y el enlace a github

La forma más sencilla de instalar este módulo es a través de Composer:

composer require vpietri/adm-quickdevbar

Después de descargar el módulo con composer, deberás habilitar el módulo con el siguiente comando:

php bin/magento module:enable ADM_QuickDevBar

Y procede a actualizar el proyecto con el siguiente comando:

php bin/magento setup:upgrade

Si habilitaste uno o más módulos, deberás ejecutar magento setup:upgrade para actualizar el esquema de la base de datos. De forma predeterminada, magento setup:upgrade borra el código compilado y el caché. Para obtener más información sobre este proyecto, no olvide visitar el repositorio oficial de Github aquí .

2. Habilita la barra de herramientas para desarrolladores

Ahora que se ha instalado la barra de herramientas, debe habilitarla para poder verla. Para habilitarlo, solo necesita ir a Tiendas> Configuración> Avanzado> Desarrollador> Configuración de la barra de desarrollo rápido , aquí encontrarás un formulario simple para configurar la barra:

Quick Developer Bar Magento 2

Tenga en cuenta que cuando trabaje con esta barra de herramientas en su entorno local, estará bien habilitarla en todas partes y permitir el acceso desde cualquier lugar. Sin embargo, cuando trabaje con él en el entorno de producción, asegúrese de agregar restricciones de acceso a la herramienta. No queremos que aparezcan datos sensibles en la interfaz del cliente, ¿no es así? A través de la misma ruta, vaya a Tiendas> Configuración> Avanzado> Desarrollador> Configuración de la barra de desarrollo rápido , asegúrese de establecer la opción Activar en "Sí con restricción" :

Filter Developer Toolbar Magento 2

Podrá filtrar el acceso a la barra con una expresión regular, por ejemplo para filtrar el agente de usuario, o puede filtrar por dirección IP también con una lista separada por comas.

3. Habilitar SQL Profiler

Para habilitar la pestaña Consultas SQL del generador de perfiles, para que pueda ver y registrar cada consulta SQL en la página actual, deberá habilitar el generador de perfiles de base de datos. De lo contrario, en la pestaña solo verás el siguiente mensaje:

SQL Profiler Enable Magento 2

Para hacer esto, busque el archivo /app/etc/env.php  y busca la configuración de conexión de la base de datos. En esta clave de la matriz devuelta en el archivo, establezca la propiedad del generador de perfiles en 1:

<?php
// application/app/etc/env.php

// Nota: busque todas las claves mencionadas, ya que deberían existir
return [
    'db' => [
        'connection' => [
            'default' => [
                // La propiedad del generador de perfiles probablemente no exista, así que asegúrese de declararla
                // y establece su valor en 1
                'profiler' => '1'
            ]
        ]
    ],
];

Guarde los cambios en el archivo y borre la caché del proyecto:

php bin/magento cache:clean

php bin/magento cache:flush

Esto te permitirá ver las consultas:

Magento 2 SQL Profiler

Hacer esto habilitará todo lo que necesita para trabajar con esta barra de herramientas en su proyecto de Magento.

Que te diviertas ❤️!


Interesado en la programación desde los 14 años, Carlos es un programador autodidacta, fundador y autor de la mayoría de los artículos de Our Code World.

Conviertete en un programador más sociable

Patrocinadores