Svelte dentro de un proyecto existente

Svelte desde cero | 1.1 - Bienvenida al curso

RM
Roger Mora

@rogermora

Tengo una consulta, como se podría usar svelte a partes de un proyecto ya existente, por ejemplo, un formulario en PHP que no es reactivo, y hacerlo reactivo con Svelte solo para el formulario, muchas gracias por la ayuda.

Avatar

Muy buenas noches Roger Mora, la manera en la que logre combinar esas 2 tecnologías fue de la siguiente manera pero antes tienes que saber que:

PHP solo se ejecuta del lado del servidor y Svelte del lado de cliente es decir gracias a javascript es por eso que no se puede embeber codigo php pero se puede hacer lo siguiente.

Clone el template de Svelte en la ruta que utiliza por ejemplo Apache que seria /var/www/htdocs con el siguiente comando:

npx degit sveltejs/template frontend

Con esto hemos creado una carpeta que contiene todo de svelte en la ruta /var/www/htdocs/frontend, luego combinaremos con php creando una carpeta llamada backend, asi tendremos /var/www/htdocs/backend.

Nota: Estamos separando back y front en un servidor apache.

Como te dije no podemos usar php en un componente de svelte pero podemos usar el fetch para llamar como un servicio o api a nuestros archivos php que estaran en la carpeta de /var/www/htdocs/backend.

Por ejemplo:

<script>
....
onMount(() => {
    fetch('http://localhost/backend/services/[mi_archivo.php](//mi_archivo.php)');
})
....
</script>

Y con esto puede crear ABM usando svelte, php y seguir combinando por ejemplo con ArangoDB y muchas tecnologías más ....

Espero haberte ayudado, saludos !!!

RM
Roger Mora

@rogermora

muchas gracias, realicé unas pruebas y parece funcionar, ahora me queda el tema de manejo de sesiones y persistencia, gracias.

Avatar

Escribe una respuesta