Search for a command to run...
Steps on how to create a front end page in Magento 2 / Adobe Commerce
Software engineer focusing on PHP, JavaScript, HTML, CSS, CI/CD, GitHub, AWS, Azure & Magento Commerce. I enjoy code for good projects, tech, gym, nature, travel, fried chicken, and coffee.
All my articles are educational only from my experience.
Feel free to connect.
No comments yet. Be the first to comment.
Create a db schema Reference https://devdocs.magento.com/guides/v2.4/extension-dev-guide/declarative-schema/db-schema.html Path will be a similar path to this app\code\AzCodez\CustomerViewing\etc\db_schema.xml Add this code to set up your table. Mo...
How to post your Hashnode blogs to Twitter using GitHub Actions (pipeline)
GitHub SSH authentification using Windows
Installing the Elastic Beanstalk command to enable you to deploy your code to AWS Elastic Beanstalk
Steps I went though to create a AWS EC2 server using IaC GitHub actions and Terraform Cloud
Below are steps to how I created a front-end page using a controller in Magento 2.
Create folders and paths as this example. Replace AzCodez\Page with your module.
In Index.php add the below code.
<?php
/**
* Render page
*
*/
namespace AzCodez\Page\Controller\Action;
use Magento\Framework\View\Result\PageFactory;
use Magento\Framework\App\Action\Action;
use Magento\Framework\App\Action\Context;
use Magento\Framework\Controller\ResultInterface;
/**
* Class Index
* @package AzCodez\Page\Controller\Action
*/
class Index extends Action
{
/**
* @var PageFactory
*/
protected $_pageFactory;
/**
* Index constructor.
* @param Context $context
* @param PageFactory $pageFactory
*/
public function construct(
Context $context,
PageFactory $pageFactory
)
{
$this->_pageFactory = $pageFactory;
return parent::__construct($context);
}
/**
* @return ResultInterface
*/
public function execute()
{
$result = $this->resultFactory->create(\Magento\Framework\Controller\ResultFactory::TYPE_RAW);
$result->setContents('Hello From AzCodez Custom Page');
return $result;
}
}
Create a route to route the page to the frontend. Replace AzCodez\Page with your module.
Add code for route. Replace AzCodez_Page with your module name
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
<router id="standard">
<route id="product_list" frontName="product_list">
<module name="AzCodez_Page" />
</route>
</router>
</config>
Run deploy commands
If not running docker remove docker-compose run --rm deploy magento-command and replace with php bin/magento
rm -rf generated/code/* &&
rm -rf pub/static/frontend/* &&
rm -rf pub/static/adminhtml/* &&
docker-compose run --rm deploy magento-command setup:upgrade &&
docker-compose run --rm deploy magento-command setup:di:compile &&
docker-compose run --rm deploy cloud-deploy &&
docker-compose run --rm deploy magento-command cache:clean &&
docker-compose run --rm deploy magento-command cache:flush
Load the page http://magento2.docker/product_list/action/index
Feel free to comment if you get stuck or have questions or feedback✌️
Happy Coding 🙂
Az 👨🏾💻