Creación de la primera aplicación de Fabric

Fabric Apps te ayuda a crear y lanzar servicios de backend más rápido al proporcionar infraestructura lista para usar para la autenticación, la persistencia de datos y el alojamiento estático. En este inicio rápido se muestra cómo crear la primera aplicación en Fabric.

Prerequisites

Habilitar la aplicación Fabric en la configuración de administración del inquilino

Un administrador del inquilino de Fabric debe habilitar la carga de trabajo de la aplicación de Fabric antes de que los usuarios puedan crear elementos Rayfin. Si no es administrador de inquilinos, póngase en contacto con el administrador de Fabric de su organización para completar este paso.

  1. Inicie sesión en el portal de administración de Fabric.
  2. Vaya a Configuración del inquilino.
  3. En Fabric aplicaciones (versión preliminar), cambie la configuración a Enabled.
  4. Elija si desea habilitarlo para toda la organización o grupos de seguridad específicos.
  5. Seleccione Aplicar.

Los cambios pueden tardar unos minutos en propagarse. Una vez habilitada la configuración, los usuarios del ámbito permitido pueden crear Fabric aplicaciones en sus áreas de trabajo.

De cero a una aplicación en funcionamiento

Crea y ejecuta una app de Fabric con cuatro comandos. Rayfin despliega tu backend en Microsoft Fabric, y tú ejecutas tu frontend localmente contra él. No gestionas el backend localmente.

npm create @microsoft/rayfin@latest my-app
cd my-app
npx rayfin up
npm run dev

Ejecuta npx rayfin up status para confirmar el despliegue del backend.

Deja que un agente cree la app

Copia el siguiente prompt en GitHub Copilot u otro agente de programación que tenga acceso a un terminal:

Set up a new Rayfin app for me, end to end.

Rayfin is a backend platform for TypeScript developers on Microsoft Fabric. Before writing
any code, read https://rayfin.ai/docs/reference/agent-rules.md. Every page on that site is
available as raw Markdown by appending .md to its URL.

Then do the work yourself rather than printing steps for me:
1. Scaffold a project with `npm create @microsoft/rayfin@latest my-app` and install dependencies.
2. Sign in with `npx rayfin login`.
3. Deploy with `npx rayfin up` and confirm it with `npx rayfin up status`.
4. Start the frontend with `npm run dev` and tell me the URL to open.

Revisa los archivos generados y la salida de comandos antes de desplegar la app.

Crea una app desde el portal

Abra Fabric en el explorador e inicie sesión con su cuenta Microsoft.

Seleccionar un área de trabajo

Después de iniciar sesión, seleccione un área de trabajo en el panel de navegación izquierdo. Si no tiene un área de trabajo existente, cree una:

  1. Seleccione Áreas de trabajo en el panel de navegación izquierdo.
  2. Seleccione Nueva área de trabajo.
  3. Escriba un nombre para el área de trabajo y seleccione la capacidad de Fabric.

Crea una nueva app de Fabric

  1. En la vista del área de trabajo, seleccione Nuevo elemento.
  2. Busque Aplicación en la lista de tipos de elemento o desplácese para encontrarlo.
  3. Seleccione Elemento de aplicación para abrir el cuadro de diálogo de creación.
  4. Escriba un nombre para la aplicación de Fabric (por ejemplo, my-rayfin-app).
  5. Selecciona Crear.

Abre, edita y despliega tu app

Puede desarrollar localmente mediante la CLI de Rayfin.

  1. Abra un terminal de su elección.

  2. Use el script de comandos de la CLI que se muestra en el portal y ejecute en el terminal para descargar la aplicación localmente.

    Example

    npm create @microsoft/rayfin@latest -- "<appitemname>" --template todoapp --workspace <workspacename>

  3. Vaya al directorio del proyecto.

    cd <your project directory>

  4. Personalice la aplicación editando el código directamente o con la ayuda de GitHub Copilot.

  5. Pruebe los cambios locales con el back-end de Fabric con el comando .

    npm run dev

  6. Publique los cambios con:

    npx rayfin up

    Para realizar la implementación en otra área de trabajo, puede proporcionar el --workspace parámetro .

    npx rayfin up --workspace <workspacename>

    Para cambiar entre estas dos áreas de trabajo, ejecute npx rayfin switch --workspace <workspace>.

Pasos siguientes

Contenido relacionado

  • Se actualizó por última vez el