En la lección anterior creamos una aplicación predeterminada con NativePHP y la abrimos en el navegador. La dirección por defecto es: http://127.0.0.1:8000/
Esta página es, en esencia, una página web y no hay ningún problema con ello. La interfaz de NativePHP se renderiza mediante HTML, CSS y JS. Entonces, ¿cómo modificamos esta interfaz?
Todos los archivos que generan la interfaz se encuentran dentro de la carpeta resources en el directorio raíz de tu proyecto
En mi equipo la ruta completa es la siguiente:
Al abrirla, verás las siguientes subcarpetas:
Las carpetas css y js almacenan los estilos y los scripts respectivamente, mientras que la carpeta views contiene los archivos PHP de las páginas. Dentro de views verás estos archivos
Abre el archivo welcome.blade.php
Una parte de su contenido es así:
¿Te resulta familiar? Este es tu código PHP. Vamos a modificarlo un poco
Busca la línea del subtítulo:
<p class="subtitle">Your app is ready.</p>Lenguaje del código: HTML, XML (xml)Añade una frase al final:
<p class="subtitle">Your app is ready.welcome to foxdevelop.com</p>Lenguaje del código: HTML, XML (xml)Guarda los cambios y recarga la página http://127.0.0.1:8000/
Verás que el subtítulo de la interfaz se ha actualizado con el texto modificado. Puedes probarlo tú mismo. NativePHP no impone restricciones sobre ninguna tecnología frontend: puedes usar cualquier herramienta o framework, como Livewire, Vue, React, Svelte, HTMX o incluso jQuery.
En esta lección, localiza primero la carpeta resources y practica modificando sus archivos para entender la arquitectura técnica de NativePHP. Más adelante, profundizaremos en todo lo relacionado con esta interfaz.