Voc\u00ea tamb\u00e9m precisar\u00e1 de acesso SSH ou de acesso ao terminal local para executar os comandos do execut\u00e1vel Se voc\u00ea n\u00e3o<\/strong> \u00e9 um(a) programador(a) e escolheu o Magento como plataforma, recomendo que busque ajuda profissional para suas necessidades t\u00e9cnicas. <\/p>\n\n\n\n Magento \u00e9 uma excelente solu\u00e7\u00e3o de e-commerce, e muito bem constru\u00eddo. Ele foi concebido de forma que outros desenvolvedores possam criar m\u00f3dulos e componentes sob ele. No entanto, sua arquitetura n\u00e3o foi constru\u00edda para ser entendida por n\u00e3o-desenvolvedores. <\/p>\n\n\n\n Eu j\u00e1 escrevi aqui no Magenteiro sobre como criar um m\u00f3dulo base para Magento 2<\/a>. Neste artigo vamos um pouco al\u00e9m e criaremos uma p\u00e1gina com nosso “Hello World”. Esse assunto tamb\u00e9m \u00e9 abordado no meu curso sobre cria\u00e7\u00e3o de m\u00f3dulos e componentes para Magento 2<\/a> (e claro, com muito mais detalhes e de forma mais pr\u00e1tica).<\/p>\n\n\n\n Todas as melhorias e customiza\u00e7\u00f5es para Magento s\u00e3o feitas atrav\u00e9s de m\u00f3dulos. Portanto, a primeira coisa que voc\u00ea precisa fazer para criar um m\u00f3dulo \u00e9 criar um arquivo XML em O nome da pasta que vai em app\/code geralmente \u00e9 o nome do fornecedor ou empresa que fez o m\u00f3dulo. Tamb\u00e9m chamada de Vendor (fornecedor, em Ingl\u00eas). No nosso exemplo, chamamos esta pasta de Abaixo dela, temos o nome do nosso m\u00f3dulo. No nosso exemplo, o chamamos de Desta forma, o nome do nosso m\u00f3dulo passa a ser Uma pasta acima, criaremos um arquivo chamado Por fim, na mesma pasta criaremos um arquivo chamado Com os arquivos acima criados, j\u00e1 podemos ativar nosso m\u00f3dulo.<\/p>\n\n\n\n Para isso, basta ir ao terminal e digitar Para criar um controller<\/em> que responder\u00e1 \u00e0 alguma a\u00e7\u00e3o precisaremos inicialmente de dois arquivos:<\/p>\n\n\n\n Nosso texto “Hello World” ser\u00e1 exibido em Note que o Ao acessar a nossa URL teremos nosso primeiro Hello World.<\/p>\n\n\n\n <\/p>\n\n\n\n Tamb\u00e9m podemos devolver um JSON, ou mesmo outros tipos de resposta. Para isso, basicamente precisamos modificar o valor da constante do par\u00e2metro passado para Veja um exemplo de retorno em JSON:<\/p>\n\n\n\n Desta forma teremos uma resposta como O assunto layout XML<\/a> \u00e9 extenso e n\u00e3o caberia nesse artigo. Ele \u00e9 abordado aqui no blog e tamb\u00e9m no Magento 2: O Curso<\/a> em mais detalhes.<\/p>\n\n\n\n No entanto, apenas para fins de concluirmos este tutorial, vamos usar instru\u00e7\u00f5es de XML para carregar o layout de nossa loja junto com nosso “Hello World”.<\/p>\n\n\n\n A primeira coisa que faremos \u00e9 modificar o nosso Controller, para que uma p\u00e1gina\/layout seja renderizado.<\/p>\n\n\n\n E agora criaremos um novo arquivo XML.<\/p>\n\n\n\n Confuso? Vou explicar os principais pontos.<\/p>\n\n\n\n O arquivo deve se chamar Na linha 2 do arquivo defino que quero que o Magento carregue o layout de 1 coluna. Ou seja, n\u00e3o teremos barras ou menus laterais.<\/p>\n\n\n\n Para escrever “Hello World”, eu poderia criar uma classe de bloco PHP e associar um template phtml \u00e0 ela. Depois inserir esse bloco no XML dentro de “content”.<\/p>\n\n\n\n Ao inv\u00e9s disso, como trata-se apenas de um texto, preferi usar o bloco de texto nativo do Magento. Ele \u00e9 declarado em Isso pode ser feito com qualquer classe de bloco do Magento. Atrav\u00e9s de inje\u00e7\u00e3o de depend\u00eancias tamb\u00e9m podemos alterar e injetar par\u00e2metros nos construtores destas classes a fim de modificar seus comportamentos. Tudo isso diretamente nos arquivos XML.<\/p>\n\n\n\n Bacana n\u00e3o \u00e9 mesmo? O Magento \u00e9 realmente muito flex\u00edvel.<\/p>\n\n\n\n Veja o resultado na minha loja:<\/p>\n\n\n\n No meu exemplo, estou usando a FireStore, dispon\u00edvel no curso gratuito Instalando e Configurando uma loja Magento 2 para o Brasil<\/a>.<\/p>\n\n\n\n Se desejar baixar o m\u00f3dulo de exemplo que fizemos, informe seu nome e e-mail no form abaixo.<\/p>\n\n\n\nbin\/magento<\/code>. Certifique-se tamb\u00e9m que ele tem permiss\u00e3o de execu\u00e7\u00e3o<\/a> (chmod +x bin\/magento<\/code> ).<\/p>\n\n\n\nAviso para n\u00e3o programadores<\/h3>\n\n\n\n
Criando um m\u00f3dulo<\/h2>\n\n\n\n
app\/code\/<Vendor>\/<Module>\/etc<\/code>.<\/p>\n\n\n\n<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:Module\/etc\/module.xsd\">\n <module name=\"Magenteiro_HelloWorld\" setup_version=\"1.0.0\"\/>\n<\/config><\/pre>\n\n\n\n
Magenteiro<\/code>.<\/p>\n\n\n\nHelloWorld<\/code>.<\/p>\n\n\n\nMagenteiro_HelloWorld<\/code>, localizado em app\/code\/Magenteiro\/HelloWorld<\/code>.<\/p>\n\n\n\nregistration.php<\/code>.<\/p>\n\n\n\n<?php\ndeclare(strict_types=1);\n\nuse Magento\\Framework\\Component\\ComponentRegistrar;\n\nComponentRegistrar::register(\n ComponentRegistrar::MODULE,\n 'Magenteiro_HelloWorld',\n __DIR__\n);\n<\/pre>\n\n\n\n
composer.json<\/code>. <\/p>\n\n\n\n{\n \"name\": \"Magenteiro_HelloWorld\",\n \"description\": \"Um simples Hello World para os Magenteiros\",\n \"require\": {\n \"php\": \"*\",\n \"magento\/framework\": \"\u02c62.0\",\n \"magento\/module-integration\": \"\u02c62.0\"\n },\n \"type\": \"magento2-module\",\n \"version\": \"1.0\",\n \"autoload\": {\n \"files\": [ \"registration.php\" ],\n \"psr-4\": {\n \"Magenteiro\\\\HelloWorld\\\\\": \"\"\n }\n }\n}<\/pre>\n\n\n\nbin\/magento setup:upgrade<\/code>.<\/p>\n\n\n\nCriando um controller<\/h2>\n\n\n\n
\/helloworld<\/code>. Vamos ver como ficaria. Clique em cada um dos arquivos abaixo para ver seu conte\u00fado.<\/p>\n\n\n\n<?php\ndeclare(strict_types=1);\n\nnamespace Magenteiro\\HelloWorld\\Controller\\Index;\nuse Magento\\Framework\\App\\Action\\HttpGetActionInterface;\nuse Magento\\Framework\\Controller\\ResultFactory;\n\nclass Index implements HttpGetActionInterface\n{\n private ResultFactory $resultFactory;\n\n public function __construct(ResultFactory $resultFactory)\n {\n $this->resultFactory = $resultFactory;\n }\n\n public function execute()\n {\n $text = 'Hello World';\n $response = $this->resultFactory->create(ResultFactory::TYPE_RAW);\n $response->setContents($text);\n return $response;\n \n }\n}\n<\/pre>\n\n\n\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:App\/etc\/routes.xsd\">\n<router id=\"standard\">\n <route id=\"minharota\" frontName=\"helloworld\">\n <module name=\"Magenteiro_HelloWorld\"\/>\n <\/route>\n<\/router>\n<\/config>\n<\/pre>\n\n\n\n
frontN<\/strong>ame<\/code> corresponde \u00e0 primeira parte do futuro URL da minha loja. No nosso caso, https:\/\/www.minhaloja.com.br\/helloworld<\/strong>. Note tamb\u00e9m que o N<\/strong> \u00e9 escrito em caixa alta.<\/p>\n\n\n\n![\"Hello](\"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2022\/02\/image-3.png\")
<\/figure>\n\n\n\nOutros formatos<\/h2>\n\n\n\n
resultFactory::create<\/code>.<\/p>\n\n\n\n public function execute()\n {\n $text = 'Hello World';\n $response = $this->resultFactory->create(ResultFactory::TYPE_JSON);\n $response->setData(['hello'=>'magenteiro']);\n return $response;\n }<\/pre>\n\n\n\n{\"hello\":\"magenteiro\"}<\/code> e os cabe\u00e7alhos JSON passados de acordo.<\/p>\n\n\n\nAplicando um Layout XML<\/h2>\n\n\n\n
<?php\ndeclare(strict_types=1);\n\nnamespace Magenteiro\\HelloWorld\\Controller\\Index;\nuse Magento\\Framework\\App\\Action\\HttpGetActionInterface;\nuse Magento\\Framework\\View\\Result\\PageFactory;\n\nclass Index implements HttpGetActionInterface\n{\n private PageFactory $pageFactory;\n\n public function __construct(PageFactory $pageFactory)\n {\n $this->pageFactory = $pageFactory;\n }\n\n public function execute()\n {\n $response = $this->pageFactory->create();\n return $response;\n }\n}\n<\/pre>\n\n\n\n<?xml version=\"1.0\"?>\n<page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" layout=\"1column\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\n <body>\n <referenceContainer name=\"content\">\n <block class=\"Magento\\Framework\\View\\Element\\Text\" name=\"hello.world\">\n <action method=\"setText\">\n <argument name=\"text\" xsi:type=\"string\">Hello World<\/argument>\n <\/action>\n <\/block>\n <\/referenceContainer>\n <\/body>\n<\/page>\n<\/pre>\n\n\n\n
minharota_index_index.xml<\/code> pois o id<\/code> da rota que definimos no routes.xml<\/code> era minharota<\/code>. <\/p>\n\n\n\nMagento\\Framework\\View\\Element\\Text<\/code> e referenciei ele na linha 5. Em seguida, chamei o m\u00e9todo setText<\/code> deste bloco e passei “Hello World” como argumento.<\/p>\n\n\n\n![\"Hello](\"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2022\/02\/image-4.png\")
<\/figure>\n\n\n\nBaixe o m\u00f3dulo<\/h2>\n\n\n\n