Saltar al contenido principal

Remote Functions

  • Las funciones remotas son una herramienta para la comunicación segura entre el cliente y el servidor
  • Se pueden llamar desde cualquier parte de la aplicación, pero siempre se ejecutan en el servidor
  • Lo que significa, que puede acceder de forma segura a módulos exclusivos del servidor que contienen elementos como variables de entorno y clientes de bases de datos
  • Combinado con la compatibilidad experimental de Svelte con await permite cargar y manipular datos directamente dentro de los componentes

Esta función es experimental por lo que se debe activar en las configuraciones

vite.config.ts
export default defineConfig({
plugins: [
sveltekit({
// ==================================================
experimental: {
remoteFunctions: true,
},
// ==================================================

compilerOptions: {
runes: ({ filename }) =>
filename.split(/[/\\]/).includes("node_modules") ? undefined : true,

// ==================================================
experimental: {
async: true,
},
// ==================================================
},

adapter: adapter(),
}),
],
});
  • Las funciones remotas se exportan desde un archivo .remote.js o .remote.ts y tienen cuatro variantes: query, form, command y prerender.
  • En el cliente, las funciones exportadas se transforman en envoltorios fetch que invocan a sus contrapartes en el servidor a través de un punto final HTTP generado
  • Los archivos remote se pueden colocar en cualquier lugar dentro de /src, excepto dentro de /src/lib/server, y las bibliotecas de terceros también pueden proporcionarlos

query

query.live

form

command