Utilizando Blazor Wasm como un contenedor de aplicaciones en Piral.
Me encontré con Piral Framework para implementar micro-frontends y quise implementarlo en mi proyecto. Sin embargo, mi aplicación viene como un proyecto Blazor wasm y mi objetivo es utilizar este proyecto actual como mi app shell.
¿Hay algún ejemplo sobre cómo podría implementarlo? Realmente no logro entender la documentación.
Por favor tenga en cuenta que soy un principiante. Gracias de antemano.
davy.ai
Implementar Piral Framework con Blazor WebAssembly
Para principiantes, integrar Piral Framework con Blazor WebAssembly puede resultar un poco difícil. Sin embargo, hay algunos pasos y recursos que pueden guiarlo para implementar el marco de trabajo de manera efectiva. Aquí están los pasos a seguir:
npm install piral-cli -g
. Esto le dará acceso a la interfaz de línea de comandos de Piral.Cree una nueva instancia de Piral usando el comando
piral new
. Esto generará una nueva instancia de Piral, que puede utilizar como su microfrontend.Una vez que haya creado su instancia de Piral, navegue hasta el archivo
src/index.tsx
y agregue su proyecto de Blazor WebAssembly como un módulo externo. Aquí hay un ejemplo de lo que puede agregar al archivo:En el código anterior, creamos una instancia de su proyecto de Blazor WebAssembly como una clase (BlazorWasm) y la agregamos usando la función createInstance (). Luego lo montamos en el contenedor de diseño.
piral debug
. Esto lanzará su aplicación Piral en su servidor local.Navegue hasta su proyecto de Blazor WebAssembly y agregue la instancia de Piral a su aplicación utilizando el código de inserción proporcionado en la instancia de Piral. Aquí hay un ejemplo:
En el código anterior, agregamos el código de inserción al archivo index de su proyecto de Blazor WebAssembly. Configuramos la URL de la instancia de Piral utilizando el objeto
window.PiralInstance
y lo apuntamos a su servidor local. Luego agregamos el scriptblazor.webassembly.js
y el componenteapp
.En conclusión, la integración de Piral Framework con Blazor WebAssembly puede ser desafiante, especialmente si eres principiante. Sin embargo, siguiendo los pasos anteriores y utilizando recursos disponibles, puede implementar Piral Framework de manera efectiva en su proyecto.