Happy to see you guys again!<\/p>\n
In this blog post, we will learn how to create Magento 2 extension step by step and basic knowledge required to setup a module. we will also introduce the coding of Magento 2 in the form of a “Hello Developer” style. This blog post also includes some basic functionality, covering as many development aspects as possible in this case.<\/p>\n
Lets consider module with Namespace is Hiddentechies<\/strong> and Module Name is HelloDeveloper<\/strong>. Lets list down all the files require for this extension.<\/p>\n – app\/code\/Hiddentechies\/HelloDeveloper\/registration.php First we will create registration<\/strong> file at app\/code\/Hiddentechies\/HelloDeveloper\/registration.php file<\/p>\n Now, create a composer.json<\/strong> file in app\/code\/Hiddentechies\/HelloDeveloper\/ folder as per below.<\/p>\n now create module.xml<\/strong> file in app\/code\/Hiddentechies\/HelloDeveloper\/etc<\/p>\n Create a frontend router<\/strong> in app\/code\/Hiddentechies\/HelloDeveloper\/etc\/frontend\/routes.xml<\/p>\n here the router ID shown which router we will use either frontend or adminhtml. Pay attention that the front name is the first part of the URL and it should be unique.<\/p>\n Create a Controller<\/strong> action<\/p>\n Create the file index.php in app\/code\/Hiddentechies\/HelloDeveloper\/Controller\/Index.<\/p>\n Create a layout<\/strong> file at app\\code\\Hiddentechies\\Helloworld\\View\\frontend\\layout\\hellodeveloper_index_index.xml<\/p>\n Create block<\/strong> file app\/code\/Hiddentechies\/HelloDeveloper\/Block\/HelloDeveloper.php<\/p>\n Create a template<\/strong> file app\/code\/Hiddentechies\/HelloDeveloper\/View\/frontend\/templates\/hellodeveloper.phtml<\/p>\n Active Hiddentechies_HelloDeveloper extension<\/p>\n Open Command line in folder root of Magento and run commands<\/p>\n In order to cross check the routing and controller access below URL. You have known all the steps to write a simple extension in Magento 2. if you have any questions about this steps of Magento 2 extension development, please ask them in comments.<\/p>\n","protected":false},"excerpt":{"rendered":" Happy to see you guys again! In this blog post, we will learn how to create Magento 2 extension step by step and basic knowledge required to setup a module. we will also introduce the coding of Magento 2 in the form of a “Hello Developer” style. This blog post also includes some basic functionality,… <\/p>\n
\n– app\/code\/Hiddentechies\/HelloDeveloper\/composer.json
\n– app\/code\/Hiddentechies\/HelloDeveloper\/etc\/module.xml
\n– app\/code\/Hiddentechies\/HelloDeveloper\/etc\/frontend\/routes.xml
\n– app\/code\/Hiddentechies\/HelloDeveloper\/Controller\/Index\/index.php
\n– app\/code\/Hiddentechies\/Helloworld\/View\/frontend\/layout\/hellodeveloper_index_index.xml
\n– app\/code\/Hiddentechies\/HelloDeveloper\/Block\/HelloDeveloper.php
\n– app\/code\/Hiddentechies\/HelloDeveloper\/View\/frontend\/templates\/hellodeveloper.phtml<\/p>\n<?php\r\n\\Magento\\Framework\\Component\\ComponentRegistrar::register(\r\n \\Magento\\Framework\\Component\\ComponentRegistrar::MODULE,\r\n 'Hiddentechies_HelloDeveloper',\r\n __DIR__\r\n);<\/pre>\n
{\r\n \"name\": \"Hiddentechies\/hellodeveloper\",\r\n \"description\": \"N\/A\",\r\n \"require\": {\r\n \"php\": \"~5.5.0|~5.6.0|~7.0.0\"\r\n },\r\n \"type\": \"magento2-module\",\r\n \"version\": \"1.0.2\",\r\n \"authors\": [\r\n {\r\n \"name\": \"Hiddentechies\",\r\n \"email\": \"admin@Hiddentechies.com\",\r\n \"homepage\": \"https:\/\/www.Hiddentechies.com\/\",\r\n \"role\": \"Developer\"\r\n }\r\n ],\r\n \"autoload\": {\r\n \"files\": [\r\n \"registration.php\"\r\n ],\r\n \"psr-4\": {\r\n \"Hiddentechies\\\\HelloDeveloper\\\\\": \"\"\r\n }\r\n }\r\n}<\/pre>\n<?xml version=\"1.0\"?>\r\n \r\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"..\/..\/..\/..\/..\/lib\/internal\/Magento\/Framework\/Module\/etc\/module.xsd\">\r\n <module name=\"Hiddentechies_HelloDeveloper\" setup_version=\"1.0.0\">\r\n <\/module>\r\n<\/config>\r\n<\/pre>\n
<?xml version=\"1.0\"?>\r\n \r\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"..\/..\/..\/..\/..\/..\/lib\/internal\/Magento\/Framework\/App\/etc\/routes.xsd\">\r\n <router id=\"standard\">\r\n <route id=\"hellodeveloper\" frontName=\"hellodeveloper\">\r\n <module name=\"Hiddentechies_HelloDeveloper\" \/>\r\n <\/route>\r\n <\/router>\r\n<\/config><\/pre>\n
<?php \r\nnamespace Hiddentechies\\HelloDeveloper\\Controller\\Index; \r\n\r\nclass Index extends \\Magento\\Framework\\App\\Action\\Action {\r\n \/** @var \\Magento\\Framework\\View\\Result\\Page *\/\r\n protected $resultPageFactory;\r\n \/** * @param \\Magento\\Framework\\App\\Action\\Context $context *\/\r\n public function __construct(\\Magento\\Framework\\App\\Action\\Context $context,\r\n \\Magento\\Framework\\View\\Result\\PageFactory $resultPageFactory) {\r\n $this->resultPageFactory = $resultPageFactory;\r\n parent::__construct($context);\r\n }\r\n\r\n \/**\r\n * Blog Index, shows a list of recent blog posts.\r\n *\r\n * @return \\Magento\\Framework\\View\\Result\\PageFactory\r\n *\/\r\n public function execute()\r\n {\r\n \t$resultPage = $this->resultPageFactory->create();\r\n \t$resultPage->getConfig()->getTitle()->prepend(__('Hiddentechies HelloDeveloper'));\r\n \treturn $resultPage;\r\n }\r\n}<\/pre>\n<?xml version=\"1.0\"?>\r\n<page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" layout=\"1column\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\r\n\t<body>\r\n\t\t<referenceContainer name=\"content\">\r\n\t\t\t<block class=\"Hiddentechies\\HelloDeveloper\\Block\\HelloDeveloper\" name=\"hiddentechies_hellodeveloper\" template=\"hellodeveloper.phtml\">\r\n\t\t\t<\/block>\r\n\t\t<\/referenceContainer>\r\n\t<\/body>\r\n<\/page>\r\n<\/pre>\n
<?php\r\nnamespace Hiddentechies\\HelloDeveloper\\Block;\r\n\r\nclass HelloDeveloper extends \\Magento\\Framework\\View\\Element\\Template\r\n{\r\n\tpublic function _prepareLayout()\r\n\t{\r\n\t\treturn parent::_prepareLayout();\r\n\t}\r\n}\r\n<\/pre>\n<h1 style=\"color:#f1703d\"> Welcome to Hiddentechies Blog <\/h2><\/pre>\n
php bin\/magento setup:upgrade<\/pre>\n
\nhttp:\/\/localhost\/magento2\/hellodeveloper\/index\/index<\/strong><\/p>\n