Ticker

6/recent/ticker-posts

Desarrollando nuestro primer proyecto de Hello world en CodeIgniter 4



En esta serie de tutoriales prácticos revisaremos y desarrollaremos proyectos web haciendo uso del Framework de CodeIgniter en su versión 4. Es importante conocer sus nuevas características y estructura de CodeIgniter 4 te invito a revisar el siguiente tutorial teorico-practicos - Revisando las nuevas características y estructura base de CodeIgniter 4:


Requisitos:

  1. Apache 2.4.58 (Win64)
  2. OpenSSL 3.1.3 
  3. PHP 8.1.25
  4. phpMyAdmin 5.2.1
  5. CodeIgniter 4
  6. XAMPP Control Panel v3.3.0
  7. Visual Studio Code


Lo que veremos en este tutorial:

  1. Controller y View por defecto
  2. Creando la función helloworld y agregando la ruta.
  3. Validando el proyecto desde localhost.
  4. Conclusiones.


1. Controller y View por defecto

El Framework CodeIgniter 4 por defecto trae 2 Controllers (controladores) y 1 View (vista) que están listo para poder re-usarlos y están ubicados en los siguientes directorios:

  • ..\app\Controllers\BaseController.php
  • ..\app\Controllers\Home.php
  • ..\app\Views\welcome_message.php


El controlador BaseController es el componente base que hace referencia a los demás componentes precargados con las funcionalidades que nos ofrece el Framework, es decir, todos los nuevos controladores deben extenderse a componente base BaseController para aprovechar todas la funcionalidades y bondades del Framework.

El controlador Home se encargará de manejar la solicitud entrante, procesar la lógica de nuestra aplicación y enviar la respuesta al cliente, es decir, actuará como intermediario entre la vistas (la interfaz de usuario) y el modelo (la capa de datos).


Recordemos que CodeIgniter está orientado bajo una arquitectura MVC (Modelo-Vista-Controlador).


La vista welcome_message es la vista por defecto que nos ofrece el Framework al realizar la instalación, en esta vista mostraremos el resultado que procesamos desde el controlador (esto se desarrollará en los próximos tutoriales).


2. Creando la función helloworld y agreando la ruta

En el controlador Home que extiende al controlador BaseController creamos la función helloworld que en primer instancia nos retornará el siguiente texto de Hello world with CodeIgniter 4, seguidamente, agregamos la ruta que hará referencia a la función helloworld  creada en el controlador Home:

Creamos la función helloworld:

    public function helloworld()
    {
        return 'Hello world with CodeIgniter 4';
    }


Agregamos la ruta que hará referencia a la función helloworld:

$routes->get('/helloworld', 'Home::helloworld');


3. Validando el proyecto desde localhost.

En este bloque ejecutaremos nuestra aplicación de Hello world desarrollado aplicando CodeIgniter 4, a continuación de detallan los pasos para ejecutar y validar la aplicación:


  1. Desde chrome ingresa la URL: http://localhost/c4-f-hello-world/public/
  2. Seguidamente completamos la URI asignado el nombre de la función: http://localhost/c4-f-hello-world/public/helloworld


Recordemos, que toda esta serie de tutoriales prácticos están sobre el localhost haciendo uso de XAMPP Control Panel v3.3.0, sin embargo, si esta familiarizado con laragon u otro servidor de aplicaciones podrías descargar el código fuente y ejecutar la aplicación sin ningún incoveniente.


4. Conclusiones.

En este primer tutorial práctico desarrollamos nuestra primera función en el controlador Home y agregamos la ruta que hace referencia a la función creada, todo esto para logra nuestro primer proyecto de Hello world en CodeIgniter 4.


5. Referencias.


¡Hoy iniciamos una nueva historia de innovación y transformación digital!

Publicar un comentario

0 Comentarios